mirror of
https://github.com/pmoreno-rodriguez/grav-theme-future2021.git
synced 2025-06-07 20:08:54 +00:00
87 lines
No EOL
1.6 KiB
SCSS
87 lines
No EOL
1.6 KiB
SCSS
///
|
|
/// Future Imperfect by HTML5 UP
|
|
/// html5up.net | @ajlkn
|
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
///
|
|
|
|
/* Box */
|
|
|
|
.box {
|
|
border: solid 1px _palette(border);
|
|
margin-bottom: _size(element-margin);
|
|
padding: 0em;
|
|
|
|
> :last-child,
|
|
> :last-child > :last-child,
|
|
> :last-child > :last-child > :last-child {
|
|
margin-bottom: 0;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
&.primary {
|
|
background-color: _palette(accent);
|
|
box-shadow: none;
|
|
color: _palette(bg) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(bg) !important;
|
|
}
|
|
}
|
|
|
|
&.secondary {
|
|
background-color: _palette(secondary);
|
|
box-shadow: none;
|
|
color: _palette(bg-alt) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(bg-alt) !important;
|
|
}
|
|
|
|
}
|
|
|
|
&.success {
|
|
background-color: _palette(success);
|
|
box-shadow: none;
|
|
color: _palette(bg-alt) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(bg-alt) !important;
|
|
}
|
|
}
|
|
|
|
&.info {
|
|
background-color: _palette(info);
|
|
box-shadow: none;
|
|
color: _palette(bg-alt) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(bg-alt) !important;
|
|
}
|
|
}
|
|
|
|
&.warning {
|
|
background-color: _palette(warning);
|
|
box-shadow: none;
|
|
color: _palette(fg-bold) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(fg-bold) !important;
|
|
}
|
|
}
|
|
|
|
&.danger {
|
|
background-color: _palette(danger);
|
|
box-shadow: none;
|
|
color: _palette(bg-alt) !important;
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
color: _palette(bg-alt) !important;
|
|
}
|
|
}
|
|
|
|
&.alt {
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: 0;
|
|
}
|
|
} |