Browse Source

💄:: make timers bigger

master
Adrien 3 years ago
parent
commit
8182ce97dd
3 changed files with 8 additions and 3 deletions
  1. +1
    -1
      src/App.vue
  2. +4
    -0
      src/components/Objective.vue
  3. +3
    -2
      src/styles/main.sass

+ 1
- 1
src/App.vue View File

@@ -28,7 +28,7 @@
margin: 0 margin: 0
height: 56px height: 56px
padding: 0 16px 0 24px padding: 0 16px 0 24px
+blizzard-header-gradient
@include blizzard-header-gradient
text-shadow: 0 0 1rem #009cff text-shadow: 0 0 1rem #009cff
color: #fff color: #fff
span span


+ 4
- 0
src/components/Objective.vue View File

@@ -12,6 +12,7 @@
<div> <div>
<Timer <Timer
ref="timer" ref="timer"
class="objective-timer"
:initialTime="objective.initialSpawnTime" :initialTime="objective.initialSpawnTime"
/> />
</div> </div>
@@ -22,6 +23,9 @@
.objective .objective
width: 100% width: 100%
text-align: center text-align: center

&-timer
font-size: 2rem
</style> </style>


<script> <script>


+ 3
- 2
src/styles/main.sass View File

@@ -6,11 +6,12 @@
// ############ // ############
// ## Colors ## // ## Colors ##
// ############ // ############

$blizzard-background-color: #0A020F $blizzard-background-color: #0A020F
$blizzard-background-color-transparent: #0A020FCC $blizzard-background-color-transparent: #0A020FCC
$blizzard-font-color: #fff
$blizzard-font-color: #6CF


=blizzard-header-gradient
@mixin blizzard-header-gradient
background: #0d39a0 /* Old browsers */ background: #0d39a0 /* Old browsers */
background: -moz-linear-gradient(left, #0d39a0 0%, #2f099b 100%) /* FF3.6-15 */ background: -moz-linear-gradient(left, #0d39a0 0%, #2f099b 100%) /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0d39a0 0%,#2f099b 100%) /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #0d39a0 0%,#2f099b 100%) /* Chrome10-25,Safari5.1-6 */


Loading…
Cancel
Save