Retrospring/app/javascript/styles/components/_jumbotron.scss

35 lines
447 B
SCSS

.jumbotron {
$this: &;
display: flex;
background-color: var(--primary);
color: RGB(var(--primary-text));
text-align: center;
border-radius: 0;
h1,
h2,
h3,
h4,
h5,
h6 {
color: RGB(var(--primary-text));
}
a:not(.btn) {
color: RGB(var(--primary-text));
opacity: 0.6;
&:hover {
opacity: 1;
}
.btn {
opacity: 1;
}
}
&__content {
width: 100%;
align-self: center;
}
}