craft-in-america
/
vue-wp
Beobachten 4
Favorisieren 2
Fork 0
Code Issues 8 Pull-Requests 0 Releases 6 Wiki Aktivität
Quellcode durchsuchen

footer styling syntax 

corrected syntax
tags/0.9.0
Alej vor 5 Jahren
Ursprung
8289485198
Commit
b337e59900
1 geänderte Dateien mit 84 neuen und 77 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 84
    77
      vue-theme/src/components/footer.vue

+ 84
- 77
vue-theme/src/components/footer.vue Datei anzeigen 

@@ -1,81 +1,81 @@
1 1 
 <template lang="pug">
2 
-<footer>
3 2 
 .footer-wrapper
4 
-ul
5 
-    li
6 
-        h5 Craft in America
7 
-            ul
8 
-                li 8415 W. Third St.
9 
-                li Los Angeles, CA 90048
10 
-                li Tues–Sat, 12PM–6PM
11 
-                li (310) 659-9022 office
12 
-                li (323) 951-0610 center
13 
-                li
14 
-                    a(href="mailto:info@craftinamerica.org") info@craftinamerica.org
15 
-ul
16 
-    li
17 
-        h5 PBS Series
18 
-            ul
19 
-                li Episodes
20 
-                li Shorts
21 
-                li Techniques
22 
-    li
23 
-        h5 Artists
24 
-            ul
25 
-                li A-Z
26 
-                li By Material
27 
-    li
28 
-        h5 Exhibitions
29 
-            ul
30 
-                li Current/Upcoming
31 
-                li Past
32 
-                li Permanent Collection
33 
-                li Explore Craft Objects
34 
-    li
35 
-        h5 Center
36 
-            ul
37 
-                li Events
38 
-                li Talks
39 
-                li Library
40 
-    li
41 
-        h5 Education
42 
-            ul
43 
-                li Publications
44 
-                li Library
45 
-    li
46 
-        h5 Support
47 
-            ul
48 
-                li Donate
49 
-                li Shop
50 
-    li
51 
-        h5 About
52 
-            ul
53 
-                li Mission
54 
-                li Staff
55 
-                li Board
56 
-                li Contact
57 
-    li
58 
-        h5 News
59 
-            ul
60 
-                li Blog Posts
61 
-                li Press Releases
62 
-                li In the News
63 
-ul
64 
-    li
65 
-        h5 Connect with Us
66 
-            ul
67 
-                li
68 
-                    a(href="https://www.facebook.com/CraftinAmerica") Facebook
69 
-                li
70 
-                    a(href="http://www.youtube.com/user/craftinamerica") YouTube
71 
-                li
72 
-                    a(href="http://www.instagram.com/craftinamerica") Instagram
73 
-                li
74 
-                    a(href="https://twitter.com/CraftinAmerica") Twitter
75 
-                li
76 
-                    a(href="http://eepurl.com/hpwhn5") Join email list
77 
-</footer>
78 
-       ul
3 
+    footer
4 
+        ul
5 
+            li
6 
+                h5 Craft in America
7 
+                    ul
8 
+                        li 8415 W. Third St.
9 
+                        li Los Angeles, CA 90048
10 
+                        li Tues–Sat, 12PM–6PM
11 
+                        li (310) 659-9022 office
12 
+                        li (323) 951-0610 center
13 
+                        li
14 
+                            a(href="mailto:info@craftinamerica.org") info@craftinamerica.org
15 
+        ul
16 
+            li
17 
+                h5 PBS Series
18 
+                    ul
19 
+                        li Episodes
20 
+                        li Shorts
21 
+                        li Techniques
22 
+            li
23 
+                h5 Artists
24 
+                    ul
25 
+                        li A-Z
26 
+                        li By Material
27 
+            li
28 
+                h5 Exhibitions
29 
+                    ul
30 
+                        li Current/Upcoming
31 
+                        li Past
32 
+                        li Permanent Collection
33 
+                        li Explore Craft Objects
34 
+            li
35 
+                h5 Center
36 
+                    ul
37 
+                        li Events
38 
+                        li Talks
39 
+                        li Library
40 
+            li
41 
+                h5 Education
42 
+                    ul
43 
+                        li Publications
44 
+                        li Library
45 
+            li
46 
+                h5 Support
47 
+                    ul
48 
+                        li Donate
49 
+                        li Shop
50 
+            li
51 
+                h5 About
52 
+                    ul
53 
+                        li Mission
54 
+                        li Staff
55 
+                        li Board
56 
+                        li Contact
57 
+            li
58 
+                h5 News
59 
+                    ul
60 
+                        li Blog Posts
61 
+                        li Press Releases
62 
+                        li In the News
63 
+        ul
64 
+            li
65 
+                h5 Connect with Us
66 
+                    ul
67 
+                        li
68 
+                            a(href="https://www.facebook.com/CraftinAmerica") Facebook
69 
+                        li
70 
+                            a(href="http://www.youtube.com/user/craftinamerica") YouTube
71 
+                        li
72 
+                            a(href="http://www.instagram.com/craftinamerica") Instagram
73 
+                        li
74 
+                            a(href="https://twitter.com/CraftinAmerica") Twitter
75 
+                        li
76 
+                            a(href="http://eepurl.com/hpwhn5") Join email list
77 
+    .sub-footer
78 
+        ul
79 79 
             li
80 80 
                 p Craft in America © 2010–2021
81 81 
 
@@ -93,6 +93,13 @@ footer
93 93 
         font-size: 0.8em
94 94 
         font-weight: 700
95 95 
         line-height: 1.0em
96 
-    a   font color: $cia_grey
96 
+    a
97 
+        font color: $cia_grey
97 98
99 
+.sub-footer
100 
+    background-color: $cia_grey
101 
+    align-items: center
102 
+    font-size: 0.7em
103 
+    p
104 
+        color: lighten($cia_grey, 30%)
98 105 
 </style>

Verfassen Vorschau
Laden…
Abbrechen
Speichern