about summary refs log tree commit diff stats
path: root/app/assets/stylesheets
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r--app/assets/stylesheets/pokeviewer/pokemon.css.scss53
1 files changed, 51 insertions, 2 deletions
diff --git a/app/assets/stylesheets/pokeviewer/pokemon.css.scss b/app/assets/stylesheets/pokeviewer/pokemon.css.scss index 077aaf7..c9560d4 100644 --- a/app/assets/stylesheets/pokeviewer/pokemon.css.scss +++ b/app/assets/stylesheets/pokeviewer/pokemon.css.scss
@@ -215,11 +215,10 @@ body {
215 215
216 .pokemon-basics { 216 .pokemon-basics {
217 margin: .5em; 217 margin: .5em;
218 min-width: 5em;
218 } 219 }
219 220
220 .pokemon-column { 221 .pokemon-column {
221 display: flex;
222 flex-direction: column;
223 border-left: 1px solid #aaa; 222 border-left: 1px solid #aaa;
224 223
225 &>div + div { 224 &>div + div {
@@ -300,4 +299,54 @@ body {
300 } 299 }
301 } 300 }
302 } 301 }
302
303 .pokemon-condition {
304 background-color: #b9d7f2;
305 border-left: 1px solid #aaa;
306 flex: 1 0px;
307
308 .pkcv-cool-circle {
309 fill: #f59a55;
310 }
311
312 .pkcv-beauty-circle {
313 fill: #8095ff;
314 }
315
316 .pkcv-cute-circle {
317 fill: #f5a8d3;
318 }
319
320 .pkcv-smart-circle {
321 fill: #79e15c;
322 }
323
324 .pkcv-tough-circle {
325 fill: #f7f100;
326 }
327
328 .pkcv-outline {
329 stroke: gray;
330 stroke-width: 5;
331 stroke-linejoin: round;
332 fill: white;
333 fill-opacity: 0.3;
334 }
335
336 .pkcv-data {
337 fill: #4ee100;
338 }
339
340 .pkcv-label, .pkcv-label-outline {
341 font-family: "Power Green";
342 font-size: 50px;
343 text-anchor: middle;
344 }
345
346 .pkcv-label-outline {
347 stroke: #f0f8f8;
348 stroke-width: 6;
349 stroke-linejoin: butt;
350 }
351 }
303} 352}