扩大Flipclock.js

Question

我有一个使用flipclock.js的网站。我在使其变大时遇到了一些麻烦，因此它占用了页面上更多的空间。

有人知道如何放大或放大吗？

Answer 1

添加这个无礼的话，您就完成了。...

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

Answer 2

时钟根据字体大小进行调整。如果您在注释（https://codepen.io/sarus/pen/xjKEZq?editors=0100）中提供的代码笔中更改字体大小，则整个时钟将按比例放大/缩小。您还可以分别调整边框半径，间距和点大小。

基本上，前四个SASS变量旨在进行更改：

// 
// ------------------------- FlipClock
// 
$clock-flip-font-size: 200px
$clock-flip-border-radius: 8px
$clock-digit-gap: 40px
$clock-dot-size: 20px