about summary refs log tree commit diff stats
path: root/app/assets/stylesheets/pokeviewer
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/pokeviewer')
-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.scss35
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}