Skip to content

Instantly share code, notes, and snippets.

@jackperry
Created November 4, 2014 07:28
Show Gist options
  • Save jackperry/2e326c27995289a019b5 to your computer and use it in GitHub Desktop.
Save jackperry/2e326c27995289a019b5 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
#hero-slider {
.controller {
ul li.webinar-mashup{
h1, h2{
display: none;
}
.content{
float: none;
width: 100%;
}
.hero{
position: absolute;
top: 0;
left: 50%;
margin-left: -347px;
width: 100%;
img{
float: none;
}
}
aside{
padding-top: 120px;
article{
float: left;
display: block;
width: 33%;
text-align: center;
h3{
color: #74b73f;
font-size: 1.8em;
margin: 0.5em 0;
}
p{
color: #000;
margin: 0 0 0.5em;
}
}
}
}
}
}
#hero-slider .controller ul li.webinar-mashup h1, #hero-slider .controller ul li.webinar-mashup h2 {
display: none;
}
#hero-slider .controller ul li.webinar-mashup .content {
float: none;
width: 100%;
}
#hero-slider .controller ul li.webinar-mashup .hero {
position: absolute;
top: 0;
left: 50%;
margin-left: -347px;
width: 100%;
}
#hero-slider .controller ul li.webinar-mashup .hero img {
float: none;
}
#hero-slider .controller ul li.webinar-mashup aside {
padding-top: 120px;
}
#hero-slider .controller ul li.webinar-mashup aside article {
float: left;
display: block;
width: 33%;
text-align: center;
}
#hero-slider .controller ul li.webinar-mashup aside article h3 {
color: #74b73f;
font-size: 1.8em;
margin: 0.5em 0;
}
#hero-slider .controller ul li.webinar-mashup aside article p {
color: #000;
margin: 0 0 0.5em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment