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:
@@ -21,6 +21,7 @@
|
||||
@import './patterns/close-button';
|
||||
@import './patterns/color-swatch';
|
||||
@import './patterns/concave-corners';
|
||||
@import './patterns/cookie-banner';
|
||||
|
||||
// Placeholders
|
||||
@import './placeholders/circle';
|
||||
|
||||
17
styles/patterns/_cookie-banner.scss
Normal file
17
styles/patterns/_cookie-banner.scss
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user