No notes defined.
<div class=" banner">
<div class="banner__container">
<div class="banner__message">
Sit quisquam error ipsum atque odit ex At eum eius autem perspiciatis sit! Sint ab!
</div>
<button class="banner__dismiss">
<svg xmlns="http://www.w3.org/2000/svg" class="banner__dismissIcon" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18" />
<line x1="6" y1="6" x2="18" y2="18" />
</svg>
</button>
</div>
</div>
@use "/resources/styles/common" as *;
@use "/resources/styles/config";
.banner {
$b: &;
@include grid;
background-color: config.$info;
color: blackwhite(config.$info);
padding: config.$v-space 0;
&__container {
display: flex;
}
&__message {
flex-grow: 1;
}
&__dismiss {
border: 0;
cursor: pointer;
padding: 0;
width: 1.5rem;
height: 1.5rem;
background-color: transparent;
}
}