Add license
[tech-radar.git] / src / stylesheets / base.scss
1 @import 'colors';
2
3 body {
4 font: 11px 'Open Sans';
5 }
6
7 svg {
8 padding: 20px;
9
10 .first { fill: $green; }
11 .second { fill: $blue; }
12 .third { fill: $orange; }
13 .fourth { fill: $violet; }
14
15 circle {
16 &:nth-child(1) { stroke: none; fill: $grey-light; }
17 &:nth-child(2) { stroke: none; fill: $grey; }
18 &:nth-child(3) { stroke: none; fill: $grey-dark; }
19 &:nth-child(4) { stroke: none; fill: $grey-darkest; }
20 }
21
22 circle, polygon {
23 stroke: $white;
24 }
25
26 line {
27 stroke: $grey-alpha-03;
28 }
29
30 text {
31 &.first, &.second, &.third, &.fourth {
32 font-size: 16px;
33 font-weight: bold;
34 }
35
36 &.blip-text {
37 font-size: 9px;
38 font-style: italic;
39 fill: $white;
40 }
41
42 &.line-text {
43 font-weight: bold;
44 text-transform: uppercase;
45 fill: $black;
46 }
47 }
48 }