datat.fi/_sass/basically-basic/_intro.scss

68 lines
1.1 KiB
SCSS
Raw Normal View History

/* ==========================================================================
Page intro
========================================================================== */
2017-03-07 23:12:17 +02:00
2017-03-16 20:34:29 +02:00
.intro {
margin: 1rem 0;
2017-03-07 23:12:17 +02:00
padding-top: 2rem;
padding-bottom: 2rem;
}
.intro-image {
position: relative;
margin-top: -3rem; /* compensate for intro top margin */
2017-03-17 15:36:47 +02:00
margin-bottom: 3rem;
2017-03-16 20:34:29 +02:00
&::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
2017-03-16 20:34:29 +02:00
left: 0;
@if $intro-image-color-overlay == true {
background-color: rgba($accent-color, 0.25);
};
2017-03-16 20:34:29 +02:00
content: '';
}
img {
width: 100%;
}
}
2017-03-07 23:12:17 +02:00
.intro-text {
/* remove space after last child element */
2017-03-07 23:12:17 +02:00
> *:last-child {
margin-bottom: 0;
}
}
.intro-title {
2017-03-16 20:34:29 +02:00
@include fluid-type($min-vw, $max-vw, 26px, 80px);
2017-03-17 18:01:54 +02:00
margin-bottom: 1rem;
2017-03-07 23:12:17 +02:00
color: tint($text-color, 25%);
line-height: 1;
}
.intro-subtitle {
@include fluid-type($min-vw, $max-vw, 18px, 28px);
font-style: italic;
}
.intro-actions {
@include list-unstyled;
li {
display: inline-block;
}
2017-03-16 20:34:29 +02:00
}
2017-03-17 17:53:13 +02:00
.intro-more {
> p:first-child {
font-size: 1.125em;
line-height: 1.625;
}
}