devol.it/_sass/components/_section.scss

71 lines
1.2 KiB
SCSS

///
/// Forty by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///
/* Section/Article */
section, article {
&.special {
text-align: center;
}
}
header {
&.major {
width: -moz-max-content;
width: -webkit-max-content;
width: -ms-max-content;
width: max-content;
max-width: 100%;
margin-bottom: _size(element-margin);
> :first-child {
margin-bottom: 0;
width: calc(100% + 0.5em);
&:after {
content: '';
background-color: _palette(fg-bold);
display: block;
height: 2px;
margin: 0.325em 0 0.5em 0;
width: 100%;
}
}
> p {
font-size: 0.7em;
font-weight: _font(weight-bold);
letter-spacing: _font(letter-spacing-alt);
margin-bottom: 0;
text-transform: uppercase;
}
body.is-ie & {
> :first-child {
&:after {
max-width: 9em;
}
}
> h1 {
&:after {
max-width: 100% !important;
}
}
}
}
@include breakpoint(small) {
&.major {
> p {
br {
display: none;
}
}
}
}
}