1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 11:16:27 +02:00

feat: Add cookie banner pattern

This commit is contained in:
Phuoc Nguyen
2022-09-19 13:53:16 +07:00
parent 7a25937520
commit 42acde73bb
7 changed files with 75 additions and 145 deletions

View File

@@ -21,6 +21,7 @@
@import './patterns/close-button';
@import './patterns/color-swatch';
@import './patterns/concave-corners';
@import './patterns/cookie-banner';
// Placeholders
@import './placeholders/circle';

View File

@@ -0,0 +1,17 @@
.cookie-banner {
border: 1px solid rgba(0,0,0,.3);
border-radius: 0.25rem;
height: 100%;
width: 100%;
align-items: end;
display: flex;
}
.cookie-banner__content {
border-top: 1px solid rgba(0,0,0,.3);
/* Take available width */
flex: 1;
padding: 0 0.5rem;
}