mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-08-24 07:18:57 +00:00
Cell
20c0997cc5
- Restructure SCSS pages directory and rename shared to content - Ensure hr overflow visible for awesome-hr icon - Restore position relative on .page for absolute children
39 lines
858 B
SCSS
39 lines
858 B
SCSS
@use "sass:map";
|
|
@use "core/functions" as *;
|
|
@use "core/mixins" as *;
|
|
@use "core/maps" as maps;
|
|
|
|
.single .alert {
|
|
padding: 0.5rem 1rem;
|
|
margin-block: 1rem;
|
|
color: inherit;
|
|
border-left: 0.25em solid fi-var(alert-border-color);
|
|
|
|
> :first-child {
|
|
margin-top: 0;
|
|
}
|
|
> :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.alert-title {
|
|
display: flex;
|
|
font-weight: 500;
|
|
align-items: center;
|
|
line-height: 1;
|
|
margin-bottom: 1rem;
|
|
color: fi-var(alert-color);
|
|
}
|
|
|
|
@each $type, $item in maps.$alert-color-map {
|
|
$dark-item: map.get(maps.$alert-color-map-dark, $type);
|
|
|
|
&.alert-#{$type} {
|
|
@include set-fi-vars((
|
|
alert-border-color: light-dark(map.get($item, border-color), map.get($dark-item, border-color)),
|
|
alert-color: light-dark(map.get($item, color), map.get($dark-item, color))
|
|
));
|
|
}
|
|
}
|
|
}
|