Browse Source

styling edit, block shadow border radius, nav bg colour grey

tags/0.9.0
Alej 5 years ago
parent
commit
e295d36c85
1 changed files with 6 additions and 4 deletions
  1. 6
    4
      vue-theme/src/app.vue

+ 6
- 4
vue-theme/src/app.vue View File

1
 <template lang="pug">
1
 <template lang="pug">
2
 #theme.f-col
2
 #theme.f-col
3
-    cia-nav
3
+    cia-nav.f-col
4
     cia-hero
4
     cia-hero
5
     main.f-col
5
     main.f-col
6
         router-view
6
         router-view
42
             /* Block Shadow Thing */
42
             /* Block Shadow Thing */
43
             .shadow
43
             .shadow
44
                 box-shadow: rgb(34, 36, 37) 0px 0px 4px 0px
44
                 box-shadow: rgb(34, 36, 37) 0px 0px 4px 0px
45
+                border-radius: 8px
45
     
46
     
46
             /* Content Pieces */
47
             /* Content Pieces */
47
             .post
48
             .post
87
                         &.columns-4
88
                         &.columns-4
88
                             .blocks-gallery-item
89
                             .blocks-gallery-item
89
                                 width: 25% */
90
                                 width: 25% */
90
-                        
91
+            
92
+            /* Sidebar */
91
             > aside
93
             > aside
92
                 background-color: salmon
94
                 background-color: salmon
93
                 margin: 0 0 0 $ms
95
                 margin: 0 0 0 $ms
102
 
104
 
103
     nav, footer
105
     nav, footer
104
         &.main
106
         &.main
105
-            background-color: #ccc
106
-            padding: $ms
107
+            background-color: grey
108
+            padding: 0 $ms
107
             width: 100%
109
             width: 100%
108
             ul > li
110
             ul > li
109
                 padding: 0 $ms
111
                 padding: 0 $ms

Loading…
Cancel
Save