PButcher / flipdown

⏰ A lightweight and performant flip styled countdown clock
https://pbutcher.uk/flipdown/
MIT License
384 stars 123 forks source link

Provide many sizes to counter #28

Open marwan2 opened 4 years ago

marwan2 commented 4 years ago

Re-factor css to resize counter, and provide for exmaple 3 options: Large, normal, small

PButcher commented 4 years ago

Flipdown already supports two sizes, a regular and small variant. I'd appreciate a PR if you'd like to add more sizing options.

codeunifier commented 2 years ago

@PButcher How do you get the small variant? I don't see anything in the documentation or in the FlipDown class about how to change the size.

PButcher commented 2 years ago

@PButcher How do you get the small variant? I don't see anything in the documentation or in the FlipDown class about how to change the size.

It's currently triggered by a media query, it's not a setting.

If you'd like to use the small version as the default, you can use the styles in the media query to override the default behaviour: https://github.com/PButcher/flipdown/blob/master/dist/flipdown.css#L213-L283