gulp-web/src/scss/_featured.scss

134 lines
1.8 KiB
SCSS

body.rwavw-custom {
.widget.rwavw-featured {
h2 {
color: red;
}
> .fg {
padding-top: 0;
}
.pure-g {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
> .pure-u-1 {
flex: 0 0 100%;
&:nth-child(2n) {
background-color: rgba(#000, 0.05);
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1.5rem;
font-size: 2.5rem;
font-weight: 500;
}
p {
font-size: 2rem;
}
img {
max-width: 46em;
}
> .row {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
> div {
// flex: 0 0 50%;
width: auto;
}
}
@media (max-width: 63.98em) {
&:nth-child(2n) {
}
}
@media (min-width: 64em) {
&:nth-child(2n) {
}
}
}
}
}
#footer {
// TODO set using theme - how?
color: #b0b0b0;
background-color: #272729;
a {
color: #fff;
font-weight: 600;
opacity: 0.8;
&.button-social {
color: #fff;
&.btn-massive > i {
font-size: 24px;
}
}
}
h2, h3, h4, h5, h6 {
color: inherit;
font-size: 2.4rem;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.75px;
margin: 0 0 22px;
}
.section-title .heading + .excerpt {
margin-top: 22px;
}
p {
margin: 0 0 22px;
&:last-child {
margin: 0;
}
}
}
.footer-widgets {
.widget.invert,
.section-title.invert,
widget *:not(:link) {
color: inherit;
}
> .pure-g > .pure-u-1 {
padding: 44px 22px 0;
}
.section-title {
margin: 0 0 22px;
}
.content-vertical-massive {
padding-top: 0;
padding-bottom: 0;
}
// FIXME temp fix - why happening in first place??
.scroll-in-animation {
animation: none;
opacity: 1;
}
}
}