diff --git a/tests/dummy/app/styles/app.css b/tests/dummy/app/styles/app.css index ec06fd4..40a4d5c 100755 --- a/tests/dummy/app/styles/app.css +++ b/tests/dummy/app/styles/app.css @@ -1,171 +1,3 @@ -/* - * Globals - */ - -/* Links */ -a, -a:focus, -a:hover, -.mastfoot > .inner a, -.mastfoot > .inner a:focus, -.mastfoot > .inner a:hover { - color: #fff; -} - -/* Custom default button */ -.btn-default, -.btn-default:hover, -.btn-default:focus { - color: #333; - text-shadow: none; /* Prevent inheritence from `body` */ - background-color: #fff; - border: 1px solid #fff; -} - - -/* - * Base structure - */ -body { - color: #fff; - text-align: center; -  background-color: #1E1E1E; - background: url("http://cdn.rawgit.com/softlayer/sl-ember-translate/862cb99e72a564badd8532993dd1cd9010a80eee/images/bg2.jpg"); - background-repeat: no-repeat; -} - -/* Extra markup and styles for table-esque vertical and horizontal centering */ -.site-wrapper { - display: table; - width: 100%; - height: 100%; /* For at least Firefox */ - min-height: 100%; -} -.site-wrapper-inner { - display: table-cell; - vertical-align: top; -} -.cover-container { - margin-right: auto; - margin-left: auto; -} - -/* Padding for spacing */ -.inner { - padding: 30px; - color: #fff; -} - - -/* - * Header - */ -.masthead-brand { - margin-top: 10px; - margin-bottom: 10px; -} - -.masthead-nav > li { - display: inline-block; -} -.masthead-nav > li + li { - margin-left: 20px; -} -.masthead-nav > li > a { - padding-right: 0; - padding-left: 0; - font-size: 16px; - font-weight: bold; - color: #fff; /* IE8 proofing */ - color: rgba(255,255,255,.75); - border-bottom: 2px solid transparent; -} -.masthead-nav > li > a:hover, -.masthead-nav > li > a:focus { - background-color: transparent; - border-bottom-color: #a9a9a9; - border-bottom-color: rgba(255,255,255,.25); -} -.masthead-nav > .active > a, -.masthead-nav > .active > a:hover, -.masthead-nav > .active > a:focus { - color: #fff; - border-bottom-color: #fff; -} - -@media (min-width: 768px) { - .masthead-brand { - float: left; - } - .masthead-nav { - float: right; - } -} - - -/* - * Cover - */ - -.cover { - padding: 0 20px; -} -.cover .btn-lg { - padding: 10px 20px; - font-weight: bold; -} - -.cover h4 { - margin-top: 20px; -} -.left-text { - text-align: left; -} -.center-text { - text-align: center; -} - -/* - * Footer - */ - -.mastfoot { - text-align: center; - color: #999; /* IE8 proofing */ - color: rgba(255,255,255,.5); -} - - -/* - * Affix and center - */ - -@media (min-width: 768px) { - /* Pull out the header and footer */ - .masthead { - position: relative; - top: 0; - } - .mastfoot { - position: relative; - bottom: 0; - } - /* Start the vertical centering */ - .site-wrapper-inner { - vertical-align: middle; - } - /* Handle the widths */ - .masthead, - .mastfoot, - .cover-container { - width: 100%; /* Must be percentage or pixels for horizontal alignment */ - } -} - -@media (min-width: 992px) { - .masthead, - .mastfoot, - .cover-container { - width: 700px; - } +html, body { + margin: 20px; } \ No newline at end of file diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs index 8b57321..c34ebf6 100755 --- a/tests/dummy/app/templates/application.hbs +++ b/tests/dummy/app/templates/application.hbs @@ -1,94 +1,85 @@ - - - - - - - - - - sl-ember-translate - - - - - - - - - - -
-
-
- -
-
-
-
-

SoftLayer, an IBM Company

-
- -
-
- - -
-
-
-
+ + + + + + + + + +sl-ember-translate + + + + + + + +
+
+ +
+
+
+ + + +
+
+
-
-
-

Simple Key

- {{sl-translate key="SIMPLE_KEY"}} +
+
+

Usage Demonstration

+

View the source code of the dummy application for syntax employed in this demo

+
+
-

Singular/Plural Keys

- {{sl-translate key="SINGULAR_KEY" pluralKey="PLURAL_KEY" pluralCount="1"}}
- {{sl-translate key="SINGULAR_KEY" pluralKey="PLURAL_KEY" pluralCount="3"}} +

Simple Key

+ {{sl-translate key="SIMPLE_KEY"}} -

Replaced Values In Keys

- Original String: {{sl-translate key="REPLACED_KEY"}}
- Replaced String: {{sl-translate key="REPLACED_KEY" $0="First" $1="Unicorn"}} +

+

Singular/Plural Keys

+ {{sl-translate key="SINGULAR_KEY" pluralKey="PLURAL_KEY" pluralCount="1"}}
+ {{sl-translate key="SINGULAR_KEY" pluralKey="PLURAL_KEY" pluralCount="3"}} -

Bound Replacement Values In Keys

- String Will Update: {{sl-translate key="REPLACED_KEY" $0="First" $1Binding="valueToDisplay"}} -

- +

+

Replaced Values In Keys

+ Original String: {{sl-translate key="REPLACED_KEY"}}
+ Replaced String: {{sl-translate key="REPLACED_KEY" $0="First" $1="Unicorn"}} -

Used alongside other properties or attribute bindings

- {{sl-translate tagName="em" key="REPLACED_KEY" $0="First" $1="Dragon"}} +

+

Bound Replacement Values In Keys

+ String Will Update: {{sl-translate key="REPLACED_KEY" $0="First" $1Binding="valueToDisplay"}} +

+ - {{outlet}} -
-
+

+

Used alongside other properties or attribute bindings

+ {{sl-translate tagName="em" key="REPLACED_KEY" $0="First" $1="Dragon"}} -
-
-

npm install sl-ember-translate

-

MIT Licensed

-
-
+ {{outlet}} +

+
+
+

npm intall sl-ember-translate

+

MIT Licensed

-
+
- - - - - + + + + \ No newline at end of file