diff options
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/pokeviewer/application.css.scss (renamed from app/assets/stylesheets/pokeviewer/application.css) | 13 | ||||
-rw-r--r-- | app/assets/stylesheets/pokeviewer/pokemon.css.scss | 35 |
2 files changed, 47 insertions, 1 deletions
diff --git a/app/assets/stylesheets/pokeviewer/application.css b/app/assets/stylesheets/pokeviewer/application.css.scss index 0ebd7fe..2d04407 100644 --- a/app/assets/stylesheets/pokeviewer/application.css +++ b/app/assets/stylesheets/pokeviewer/application.css.scss | |||
@@ -10,6 +10,17 @@ | |||
10 | * files in this directory. Styles in this file should be added after the last require_* statement. | 10 | * files in this directory. Styles in this file should be added after the last require_* statement. |
11 | * It is generally better to create a new file per style scope. | 11 | * It is generally better to create a new file per style scope. |
12 | * | 12 | * |
13 | *= require_tree . | 13 | *= require normalize-rails |
14 | *= require_self | 14 | *= require_self |
15 | *= require_tree . | ||
15 | */ | 16 | */ |
17 | |||
18 | @font-face { | ||
19 | font-family: 'Power Green'; | ||
20 | src: font-url('PowerGreen.eot'); | ||
21 | src: font-url('PowerGreen.eot?#iefix') format('embedded-opentype'), | ||
22 | font-url('PowerGreen.woff') format('woff'), | ||
23 | font-url('PowerGreen.ttf') format('truetype'); | ||
24 | font-weight: normal; | ||
25 | font-style: normal; | ||
26 | } | ||
diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss new file mode 100644 index 0000000..1f4c068 --- /dev/null +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss | |||
@@ -0,0 +1,35 @@ | |||
1 | /* | ||
2 | Place all the styles related to the matching controller here. | ||
3 | They will automatically be included in application.css. | ||
4 | */ | ||
5 | |||
6 | .pokemon { | ||
7 | font-family: 'Power Green'; | ||
8 | display: flex; | ||
9 | margin: 1em; | ||
10 | |||
11 | .male { | ||
12 | color: blue; | ||
13 | } | ||
14 | |||
15 | .female { | ||
16 | color: red; | ||
17 | } | ||
18 | |||
19 | .pokemon-name { | ||
20 | font-weight: bold; | ||
21 | } | ||
22 | |||
23 | .pokemon-ivs { | ||
24 | margin: 0 1em; | ||
25 | |||
26 | th { | ||
27 | text-align: center; | ||
28 | padding-right: .5em; | ||
29 | } | ||
30 | |||
31 | td { | ||
32 | text-align: right; | ||
33 | } | ||
34 | } | ||
35 | } | ||