Skip to content

Instantly share code, notes, and snippets.

@bradpotter
Last active December 22, 2015 03:09
Show Gist options
  • Save bradpotter/6408064 to your computer and use it in GitHub Desktop.
Save bradpotter/6408064 to your computer and use it in GitHub Desktop.
Home Top CSS
/*
Home Top (These styles go above Media Queries)
---------------------------------------------------------------------------------------------------- */
.home-top {
background: #fff;
height: 500px;
height: 50rem;
max-width: 1140px;
margin: 120px auto 60px;
opacity: .7;
}
.home-top .home-top-full {
padding: 40px;
}
.home-top .widget {
}
.home-top .widget-wrap {
}
.home-top h2 {
}
.home-top h4 {
font-size: 20px;
font-size: 2rem;
}
.home-top p {
}
/*
Remove or adjust the top margin on the following:
---------------------------------------------------------------------------------------------------- */
.minimum .site-tagline {
margin-top: 0px;
margin-top: 0rem;
}
/*
Additions (Within Media Queries)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1179px) {
.home-top {
max-width: 960px;
}
}
@media only screen and (max-width: 1023px) {
.home-top {
margin: 60px 40px 60px;
}
}
/*
Adjustments (Within Media Queries)
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1023px) {
.minimum .site-tagline {
margin-top: 0px;
margin-top: 0rem;
}
}
@media only screen and (max-width: 768px) {
.minimum .site-tagline {
margin-top: 0px;
margin-top: 0rem;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment