Skip to content

Instantly share code, notes, and snippets.

@emranweb
Last active July 9, 2021 06:19
Show Gist options
  • Save emranweb/eb7e5579064bb1c098a3b432f29b0714 to your computer and use it in GitHub Desktop.
Save emranweb/eb7e5579064bb1c098a3b432f29b0714 to your computer and use it in GitHub Desktop.
Responsive Coming Soon
@media (max-width:991px){
html.coming-soon .coming-soon-content {
font-size: 40px;
line-height: 60px;
}
html.coming-soon .coming-soon-title,
html.offline .coming-soon-title {
font-size: 60px;
line-height: 70px;
}
// Coming soon
html.coming-soon,
html.offline {
#coming-soon-countdown {
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds {
margin: 0;
float: left;
width: 25%;
.coming-soon-number {
font-size: 50px;
line-height: 90px;
padding: 0px 10px;
}
}
}
}
}
@media (max-width:767px){
html.coming-soon .coming-soon-content {
font-size: 30px;
line-height: 40px;
}
html.coming-soon .coming-soon-title,
html.offline .coming-soon-title {
font-size: 40px;
line-height: 50px;
}
// Coming soon
html.coming-soon,
html.offline {
#coming-soon-countdown {
.coming-soon-days,
.coming-soon-hours,
.coming-soon-minutes,
.coming-soon-seconds {
margin: 0;
float: left;
width: 50%;
margin-bottom: 30px;
.coming-soon-number {
font-size: 40px;
line-height: 50px;
padding: 0px 10px;
}
.coming-soon-string {
font-size: 20px;
letter-spacing: 0px;
line-height: 30px;
}
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment