css - 扩大Flipclock.js

我有一个使用flipclock.js的网站。我一直在麻烦使其变大，所以它占用了页面上更多的空间。

有谁知道如何放大或放大它？

最佳答案

时钟根据字体大小进行调整。如果更改注释中提供的代码笔中的字体大小（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

关于css - 扩大Flipclock.js，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53475626/