popcorn-site/css/_features.scss

78 lines
1023 B
SCSS

#features {
padding: 35px 0;
article {
width: 400px;
float: left;
padding: 30px 0;
&:nth-child(even) {
margin-left: 180px;
}
img {
float: left;
margin-right: 25px;
position: relative;
top: -10px;
}
}
.action {
padding-top: 25px;
}
.pochoclin {
padding-left: 150px;
}
hr {
border: none;
border-top: 1px solid #b7bbc2;
position: relative;
top: 10px;
z-index: -1;
margin-top: 20px;
+ h2 {
background: #fff;
display: inline-block;
padding: 0 20px;
margin-top: -50px;
}
}
small {
display: block;
font-style: italic;
color: #6496b7;
line-height: 25px;
}
}
.warning {
background: rgba(251, 249, 93, .5);
font-size: 16px;
padding: 15px 0;
color: #858230;
h5 {
font-size: 18px;
color: #858230;
display: block;
width: 880px;
margin: 0 auto;
position: relative;
&:before {
position: absolute;
left: -50px;
font-size: 30px;
}
}
p {
font-style: italic;
display: block;
width: 880px;
margin: 5px auto;
}
}