No notes defined.
<div class=" banner">
<div class="banner__container container">
<div class="banner__messsage">
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>
.banner {
background-color: $info;
color: blackwhite($info);
padding: $padding;
&__container {
display: flex;
justify-content: space-between;
align-items: center;
}
&__dismiss {
border: 0;
cursor: pointer;
padding: 0;
width: 1.5rem;
height: 1.5rem;
background-color: transparent;
}
}