Browse Source

adjust styling - set colours to cia theme

tags/0.9.0
Alej 4 years ago
parent
commit
e300b57895
1 changed files with 14 additions and 10 deletions
  1. 14
    10
      vue-theme/src/app.vue

+ 14
- 10
vue-theme/src/app.vue View File

32
         font-family: $sans
32
         font-family: $sans
33
         font-size: $ms-0
33
         font-size: $ms-0
34
         main 
34
         main 
35
-            background-color: green
35
+            /* background-color: green*/
36
+            background-color: $cia_white2
36
             width: 100%
37
             width: 100%
37
-            margin: 0 0 3vh 0
38
+            /* margin: 0 0 3vh 0 */
39
+            padding: 0 0 3vh 0
38
             
40
             
39
             :--headings, a
41
             :--headings, a
40
                 color: $cia_red
42
                 color: $cia_red
49
                     cursor: pointer
51
                     cursor: pointer
50
 
52
 
51
             > [class^="page--"]
53
             > [class^="page--"]
52
-                background-color: lightblue
54
+                /* background-color: lightblue */
53
                 max-width: $max-width
55
                 max-width: $max-width
54
                 margin: 0 auto
56
                 margin: 0 auto
55
                 padding: $ms-0 0
57
                 padding: $ms-0 0
57
                 
59
                 
58
                 /* Block Shadow Thing */
60
                 /* Block Shadow Thing */
59
                 .shadow
61
                 .shadow
60
-                    box-shadow: rgb(34, 36, 37) 0px 0px 4px 0px
61
-                    border-radius: 8px
62
+                    box-shadow: rgba(0 0 0 / 15%) 0.3px 0.5px 1.5px 0.5px
63
+                    border-radius: $ms--2
62
         
64
         
63
-                /* Content Pieces */
65
+                /* Content Pieces excluding index*/
64
                 .post
66
                 .post
65
-                    background-color: teal
67
+                    /* background-color: teal */
68
+                    background-color: white
66
                     margin: 0 0 $ms-0
69
                     margin: 0 0 $ms-0
67
                     &--title
70
                     &--title
68
                         color: yellow
71
                         color: yellow
70
                     &--content
73
                     &--content
71
                         color: orange
74
                         color: orange
72
                         &--block > p
75
                         &--block > p
73
-                            color: white
76
+                            color: grey
74
                         .wp-block-image
77
                         .wp-block-image
75
                             margin: 0
78
                             margin: 0
76
                             img
79
                             img
80
                 
83
                 
81
                 /* Single & List Pages */
84
                 /* Single & List Pages */
82
                 > article
85
                 > article
83
-                    background-color: lightpink
86
+                    /* background-color: lightpink */
87
+                    background-color: white
84
                 
88
                 
85
         nav, footer
89
         nav, footer
86
             &.main
90
             &.main
87
-                background-color: pink
91
+                /* background-color: pink */
88
 </style>
92
 </style>

Loading…
Cancel
Save