Commit db9d0707582c88bdfd66671204bd3e891fead573
1 parent
74b22660
add color
Showing
6 changed files
with
12 additions
and
13 deletions
src/components/VBerth.vue
| ... | ... | @@ -71,11 +71,11 @@ export default { |
| 71 | 71 | } |
| 72 | 72 | .free-berth{ |
| 73 | 73 | @include fontStyle(24px); |
| 74 | - background-image: $fontBlue; | |
| 74 | + color: $fontBlue; | |
| 75 | 75 | } |
| 76 | 76 | .buss-berth{ |
| 77 | 77 | @include fontStyle(24px); |
| 78 | - background-image: $fontOrange; | |
| 78 | + color: $fontOrange; | |
| 79 | 79 | } |
| 80 | 80 | } |
| 81 | 81 | } | ... | ... |
src/components/VEquipment.vue
| ... | ... | @@ -118,11 +118,11 @@ export default { |
| 118 | 118 | } |
| 119 | 119 | .text-blue{ |
| 120 | 120 | @include fontStyle(24px); |
| 121 | - background-image: $fontBlue; | |
| 121 | + color: $fontBlue; | |
| 122 | 122 | } |
| 123 | 123 | .text-orange{ |
| 124 | 124 | @include fontStyle(24px); |
| 125 | - background-image: $fontOrange; | |
| 125 | + color: $fontOrange; | |
| 126 | 126 | } |
| 127 | 127 | |
| 128 | 128 | } | ... | ... |
src/components/VParking.vue
| ... | ... | @@ -72,7 +72,7 @@ export default { |
| 72 | 72 | p{ |
| 73 | 73 | &:first-child{ |
| 74 | 74 | @include fontStyle(24px); |
| 75 | - background-image: $fontBlue; | |
| 75 | + color: $fontBlue; | |
| 76 | 76 | } |
| 77 | 77 | &:last-child{ |
| 78 | 78 | font-size: 14px; |
| ... | ... | @@ -83,7 +83,7 @@ export default { |
| 83 | 83 | p{ |
| 84 | 84 | &:first-child{ |
| 85 | 85 | @include fontStyle(24px); |
| 86 | - background-image: $fontOrange; | |
| 86 | + color: $fontOrange; | |
| 87 | 87 | } |
| 88 | 88 | &:last-child{ |
| 89 | 89 | font-size: 14px; | ... | ... |
src/components/VToll.vue
| ... | ... | @@ -60,7 +60,7 @@ export default { |
| 60 | 60 | p{ |
| 61 | 61 | &:first-child{ |
| 62 | 62 | @include fontStyle(24px); |
| 63 | - background-image: $fontBlue; | |
| 63 | + color: $fontBlue; | |
| 64 | 64 | } |
| 65 | 65 | &:last-child{ |
| 66 | 66 | font-size: 14px; |
| ... | ... | @@ -71,7 +71,7 @@ export default { |
| 71 | 71 | p{ |
| 72 | 72 | &:first-child{ |
| 73 | 73 | @include fontStyle(24px); |
| 74 | - background-image: $fontOrange; | |
| 74 | + color: $fontOrange; | |
| 75 | 75 | } |
| 76 | 76 | &:last-child{ |
| 77 | 77 | font-size: 14px; | ... | ... |
src/style/mixin.scss
| 1 | 1 | @mixin fontStyle($size){ |
| 2 | 2 | font-size: $size; |
| 3 | 3 | font-weight:bold; |
| 4 | - -webkit-background-clip: text; | |
| 5 | - -webkit-text-fill-color: transparent; | |
| 4 | + //-webkit-background-clip: text; | |
| 5 | + //-webkit-text-fill-color: transparent; | |
| 6 | 6 | } |
| 7 | 7 | |
| 8 | -$fontBlue: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,202,254, 1)), to(rgba(39,114,244, 1))); | |
| 9 | -$fontOrange: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,186,0, 1)), to(rgba(255,129,0, 1))); | |
| 8 | +$fontBlue: #50a9f9; | |
| 9 | +$fontOrange: #f0c05c; | ... | ... |