Quellcode durchsuchen

style adjust - hero heading , nav dropdown type

tags/0.9.0
Alej vor 4 Jahren
Ursprung
Commit
cb1d9a4fbd

+ 8
- 2
vue-theme/src/components/hero.vue Datei anzeigen

13
             button(v-if="showPlaybutton" @click="isPlaying = true") play
13
             button(v-if="showPlaybutton" @click="isPlaying = true") play
14
     .hero--image(v-else-if="heroType === 'image'")
14
     .hero--image(v-else-if="heroType === 'image'")
15
         .hero--image--overlay.f-col
15
         .hero--image--overlay.f-col
16
-            div(v-html="heroText")
16
+            h2.t-up.t-cntr(v-html="heroText")
17
         img(:src="showHero" alt="hero alt image")
17
         img(:src="showHero" alt="hero alt image")
18
     .hero--image(v-else)
18
     .hero--image(v-else)
19
         .hero--image--overlay.f-col
19
         .hero--image--overlay.f-col
77
 </script>
77
 </script>
78
 
78
 
79
 <style lang="postcss">
79
 <style lang="postcss">
80
+@import './../sss/theme.sss'
81
+
80
 .hero
82
 .hero
81
     /* background-color: rebeccapurple */
83
     /* background-color: rebeccapurple */
82
     min-height: 35%
84
     min-height: 35%
86
         > img
88
         > img
87
             width: 100%
89
             width: 100%
88
         &--overlay
90
         &--overlay
89
-            color: #ffffff
91
+            color: $cia_white
90
             position: absolute
92
             position: absolute
91
             top: 30%
93
             top: 30%
92
             width: 100%
94
             width: 100%
95
+            h2 
96
+                color: $cia_white
97
+                text-shadow: 1px 1px $cia_black
98
+                max-width: 80vh
93
     .embedded
99
     .embedded
94
         height: 100%
100
         height: 100%
95
         width: 100%
101
         width: 100%

+ 1
- 1
vue-theme/src/components/navigation/navigation.vue Datei anzeigen

26
         ul.drop-down.w-max
26
         ul.drop-down.w-max
27
             li(v-for="item in menuItems")
27
             li(v-for="item in menuItems")
28
                 router-link(:to="`/${item}`")
28
                 router-link(:to="`/${item}`")
29
-                    h5.t-up {{ item }}
29
+                    h6.t-up {{ item }}
30
 </template>
30
 </template>
31
 
31
 
32
 <script>
32
 <script>

Laden…
Abbrechen
Speichern