codefabrik-styleguide 0.1.1 → 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b4a38bd9a57198bfcb7666e6ac457fea5281354ff0a12413fd0aec3c6dc11ca8
|
|
4
|
+
data.tar.gz: 4616a98f1b703427ebfa884012a0a2d76d6ff08943a6b1765d8e1e4b528b34cf
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: e18036508519f26901be6c131a7b3a2d2e6ef03582f60e90257f38ac8526d370553e011fba213476e16b41870e3f2ef257b525b063630ea8dab43a16a56a630c
|
|
7
|
+
data.tar.gz: a1e410246186b0530c1887c296dcd80e891daf02da88d2d14995dfa643f3613f5537e7dc0be04f26be2fca45351e3408ac8fb7f406c7accbfb0dbdda8e4219fc
|
data/Gemfile.lock
CHANGED
|
@@ -12,13 +12,13 @@ header {
|
|
|
12
12
|
height: 3rem;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
section
|
|
16
|
-
|
|
15
|
+
section {
|
|
16
|
+
display: flex;
|
|
17
17
|
text-align: center;
|
|
18
|
-
}
|
|
19
18
|
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
&:nth-child(n+2) {
|
|
20
|
+
margin-top: $default_distance;
|
|
21
|
+
}
|
|
22
22
|
|
|
23
23
|
a {
|
|
24
24
|
margin-left: $default_distance;
|
|
@@ -26,6 +26,12 @@ header {
|
|
|
26
26
|
color: $text_on_primary_color;
|
|
27
27
|
text-decoration: none;
|
|
28
28
|
}
|
|
29
|
+
|
|
30
|
+
@each $count in 1 2 3 4 5 6 7 8 9 10 {
|
|
31
|
+
.order-#{$count} {
|
|
32
|
+
order: $count;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
29
35
|
}
|
|
30
36
|
}
|
|
31
37
|
|
|
@@ -33,6 +39,7 @@ header {
|
|
|
33
39
|
width: calc(100% - 2 * $default_distance);
|
|
34
40
|
margin: 0 $default_distance;
|
|
35
41
|
margin-top: $default_distance;
|
|
42
|
+
margin-bottom: $default_distance;
|
|
36
43
|
|
|
37
44
|
@media screen and (min-width: $media_breakpoint) {
|
|
38
45
|
width: $media_breakpoint;
|
|
@@ -52,10 +59,12 @@ header {
|
|
|
52
59
|
top: 0;
|
|
53
60
|
padding: 0;
|
|
54
61
|
padding-top: $default_distance;
|
|
62
|
+
background-color: transparent;
|
|
55
63
|
|
|
56
|
-
|
|
64
|
+
section {
|
|
57
65
|
display: flex;
|
|
58
66
|
flex-direction: column;
|
|
67
|
+
margin-bottom: $default_distance;
|
|
59
68
|
|
|
60
69
|
a {
|
|
61
70
|
margin: 0;
|
|
@@ -38,10 +38,14 @@
|
|
|
38
38
|
|
|
39
39
|
.td {
|
|
40
40
|
display: table-cell;
|
|
41
|
-
padding:
|
|
41
|
+
padding: 0.5 * $default_distance;
|
|
42
42
|
border-right: 2px solid $primary_color;
|
|
43
43
|
vertical-align: middle;
|
|
44
44
|
|
|
45
|
+
@media screen and (min-width: $media_breakpoint) {
|
|
46
|
+
padding: $default_distance;
|
|
47
|
+
}
|
|
48
|
+
|
|
45
49
|
&:first-child {
|
|
46
50
|
border-left: 2px solid $primary_color;
|
|
47
51
|
}
|