Масштабировать Flipclock.js - PullRequest
0 голосов
/ 26 ноября 2018

У меня есть сайт, который использует flipclock.js.У меня были проблемы с его увеличением, поэтому он занимает больше места на странице.

Кто-нибудь знает, как увеличить его или увеличить?

Ответы [ 2 ]

0 голосов
/ 26 ноября 2018

Часы адаптируются в зависимости от размера шрифта.Если вы измените размер шрифта в коде, который вы указали в комментариях (https://codepen.io/sarus/pen/xjKEZq?editors=0100), все часы будут увеличиваться / уменьшаться.Вы также можете индивидуально настроить радиус границы, зазор и размер точки.

По сути, первые 4 переменные SASS предназначены для изменения:

// 
// ------------------------- FlipClock
// 
$clock-flip-font-size: 200px
$clock-flip-border-radius: 8px
$clock-digit-gap: 40px
$clock-dot-size: 20px
0 голосов
/ 26 ноября 2018

Добавьте этот sass, и все готово ....

.countdown.flip-clock-wrapper 
  transform: scale(1.5)
...