Procházet zdrojové kódy

:art: more typography changes | removing some cruft

tags/0.9.0
J před 4 roky
rodič
revize
6f5405b7f0

+ 9
- 9
vue-theme/src/components/card.vue Zobrazit soubor

44
     text-overflow: clip
44
     text-overflow: clip
45
     &--info
45
     &--info
46
         justify-content: center
46
         justify-content: center
47
-    header
48
-        a
49
-            font-size: $ms--2
50
-            text-decoration: none
47
+        > a
48
+            line-height: 0
49
+    header a
50
+        font-size: $ms--2
51
+        text-decoration: none
52
+        margin: 0
53
+        p
51
             margin: 0
54
             margin: 0
52
-            p
53
-                margin: 0
54
     img
55
     img
55
         width: 100%
56
         width: 100%
56
         height: auto
57
         height: auto
59
         margin: 0
60
         margin: 0
60
     h1
61
     h1
61
         font-size: $ms-0
62
         font-size: $ms-0
62
-        padding: $ms--5 0
63
+        padding: 0
64
+        line-height: initial
63
     p
65
     p
64
         &.datetime
66
         &.datetime
65
             font-size: $ms--1
67
             font-size: $ms--1
75
     .card
77
     .card
76
         &--info 
78
         &--info 
77
             justify-content: center
79
             justify-content: center
78
-            > a:first-of-type
79
-                width: 100%
80
         .wide
80
         .wide
81
             display: flex
81
             display: flex
82
             padding: 0
82
             padding: 0

+ 1
- 2
vue-theme/src/sss/_typography.sss Zobrazit soubor

38
     margin-right: 0
38
     margin-right: 0
39
 p 
39
 p 
40
     font-size: $ms-0
40
     font-size: $ms-0
41
-    line-height: 1.3
42
-    /* margin-top: $ms-0 */
41
+    line-height: 1.2
43
     margin-bottom: $ms-0
42
     margin-bottom: $ms-0
44
 
43
 
45
 h1
44
 h1

+ 0
- 17
vue-theme/src/sss/variables.sss Zobrazit soubor

16
 /* $ratio = 1.2 from _ratios.sss */
16
 /* $ratio = 1.2 from _ratios.sss */
17
 
17
 
18
 $ms-0: calc($base)
18
 $ms-0: calc($base)
19
-/* $ms-0 = 1.0em */
20
 $ms--1: calc($ms-0 / $ratio)
19
 $ms--1: calc($ms-0 / $ratio)
21
-/* $ms--1 = 1.0em / 1.2 = 0.83333em */
22
 $ms--2: calc($ms--1 / $ratio)
20
 $ms--2: calc($ms--1 / $ratio)
23
-/* $ms--2 = 0.8333em / 1.2 = 0.69444em */
24
 $ms--3: calc($ms--2 / $ratio)
21
 $ms--3: calc($ms--2 / $ratio)
25
-/* $ms--3 = 0.694em / 1.2 = 0.57870em */
26
 $ms--4: calc($ms--3 / $ratio)
22
 $ms--4: calc($ms--3 / $ratio)
27
-/* $ms--4 = 0.57870em / 1.2 = 0.48225em */
28
 $ms--5: calc($ms--4 / $ratio)
23
 $ms--5: calc($ms--4 / $ratio)
29
-/* $ms--5 = 0.482253em / 1.2 = 0.40187em */
30
 $ms--6: calc($ms--5 / $ratio)
24
 $ms--6: calc($ms--5 / $ratio)
31
-/* $ms--6 = 0.40187757em / 1.2 = 0.33489em */
32
 $ms--7: calc($ms--6 / $ratio)
25
 $ms--7: calc($ms--6 / $ratio)
33
-/* $ms--7 = 0.334898em / 1.2 = 0.27908em */
34
 
26
 
35
 $ms-1: calc($ms-0 * $ratio)
27
 $ms-1: calc($ms-0 * $ratio)
36
-/* $ms-1 = 1.0em * 1.2 = 1.2em */
37
 $ms-2: calc($ms-1 * $ratio)
28
 $ms-2: calc($ms-1 * $ratio)
38
-/* $ms-2 = 1.2em * 1.2 = 1.44em */
39
 $ms-3: calc($ms-2 * $ratio)
29
 $ms-3: calc($ms-2 * $ratio)
40
-/* $ms-3 = 1.44em * 1.2 = 1.728em */
41
 $ms-4: calc($ms-3 * $ratio)
30
 $ms-4: calc($ms-3 * $ratio)
42
-/* $ms-4 = 1.728em * 1.2 = 2.0736em */
43
 $ms-5: calc($ms-4 * $ratio)
31
 $ms-5: calc($ms-4 * $ratio)
44
-/* $ms-5 = 2.0736em * 1.2 = 2.48832em */
45
 $ms-6: calc($ms-5 * $ratio)
32
 $ms-6: calc($ms-5 * $ratio)
46
-/* $ms-6 = 2.48832em * 1.2 = 2.985984em */
47
 $ms-7: calc($ms-6 * $ratio)
33
 $ms-7: calc($ms-6 * $ratio)
48
-/* $ms-7 = 2.985984em * 1.2 = 3.5831808em */
49
 $ms-8: calc($ms-7 * $ratio)
34
 $ms-8: calc($ms-7 * $ratio)
50
-/* $ms-8 = 3.5831808em * 1.2 = 4.29981696em */
51
 $ms-9: calc($ms-8 * $ratio)
35
 $ms-9: calc($ms-8 * $ratio)
52
-/* $ms-9 = 4.29981696em * 1.2 = 5.15978035em */
53
 
36
 
54
 /* Fonts */
37
 /* Fonts */
55
 $sans: 'Questrial', sans-serif
38
 $sans: 'Questrial', sans-serif

Načítá se…
Zrušit
Uložit