Skip to content

Instantly share code, notes, and snippets.

@0632347878
Created November 19, 2018 17:31
Show Gist options
  • Save 0632347878/4a2622d489b6d41e06ce7701d0654fd8 to your computer and use it in GitHub Desktop.
Save 0632347878/4a2622d489b6d41e06ce7701d0654fd8 to your computer and use it in GitHub Desktop.
/*begin from w40h60 to w30h45*/
.flip-clock-divider.days .flip-clock-label {
left: 3px;
}
.flip-clock-divider.hours .flip-clock-label,
.flip-clock-divider.minutes .flip-clock-label {
left: 20px;
}
.flip-clock-dot {
left: 3px;
width: 5px;
height: 5px;
}
.flip-clock-dot.top {
top: 17px;
}
.flip-clock-dot.bottom {
bottom: 17px;
}
.flip-clock-wrapper ul {
width: 30px;
height: 45px;
}
.flip-clock-wrapper ul li {
line-height: 48px;
}
.flip-clock-wrapper ul li a div div.inn {
font-size: 37px;
}
.flip-clock-wrapper ul li a div.up:after {
top: 22px;
}
.flip-clock-divider {
width: 10px;
height: 55px;
}
/* end from w40h60 to w30h45*/
@0632347878
Copy link
Author

/*begin minimize to w35h55*/
.flip-clock-wrapper ul {
    width: 35px;
    height: 55px;
}
.flip-clock-wrapper ul li {
    line-height: 55px;
}
.flip-clock-wrapper ul li a div div.inn {
    font-size: 48px;
}
.flip-clock-divider {
    width: 10px;
    height: 64px;
}
.flip-clock-wrapper ul li a div.up:after {
    top: 27px;
}
.flip-clock-dot {
    left: 3px;
}
.flip-clock-dot.bottom,
.flip-clock-dot.top {
    width: 5px;
    height: 5px;
}
.flip-clock-dot.top {
    top: 20px;
}
.flip-clock-dot.bottom {
    bottom: 20px;
}
.flip-clock-divider .flip-clock-label {
    right: -60px !important;
}
/* end minimize to w35h55*/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment