| Current Path : /home/flapst5/ekmtoronto.com/wp-content/plugins/code-snippets/css/common/ |
| Current File : /home/flapst5/ekmtoronto.com/wp-content/plugins/code-snippets/css/common/_banners.scss |
@use '../common/theme';
@use 'sass:map';
@use 'sass:list';
@mixin banners {
.banner {
border: 0;
border-radius: 5px;
display: flex;
align-items: center;
padding: 6px 10px;
gap: 8px;
margin: 0;
.banner-dismiss {
position: unset;
margin-inline-start: auto;
padding: 0;
&, &::before {
color: inherit;
}
}
.wp-core-ui &.is-dismissible {
position: unset;
padding-inline-end: 10px;
}
}
@each $name, $colors in theme.$notices {
.banner-#{$name} {
color: list.nth($colors, 2);
background-color: list.nth($colors, 1);
}
}
.banner-success::before {
content: '✓';
font-weight: bold;
font-size: 16px;
}
}