Skip to content

Instantly share code, notes, and snippets.

@dmitrade
Created November 28, 2018 21:59
Show Gist options
  • Save dmitrade/95027597296eead34842e9e07d065f05 to your computer and use it in GitHub Desktop.
Save dmitrade/95027597296eead34842e9e07d065f05 to your computer and use it in GitHub Desktop.
TimerJS css layout
.timer {
padding: 10px;
text-align: center;
}
.timer-text {
font-size: 20px;
}
.timer-time {
display: inline-block;
vertical-align: middle;
margin: 0 20px;
}
.timer-item {
position: relative;
display: inline-block;
min-width: 75px;
vertical-align: top;
text-align: center;
margin: 0 5px;
}
.timer-item:after {
content: ':';
position: absolute;
right: -10px;
top: 0;
display: block;
font-size: 20px;
}
.timer-item:last-child:after {
display: none;
}
.timer-item span {
display: block;
font-size: 20px;
}
.timer-item_numbers {
margin-bottom: 10px;
font-weight: bold;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment