mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 11:16:27 +02:00
Code Issues Releases Wiki Activity

feat: Square size

Browse Source
This commit is contained in:
Phuoc Nguyen
2022-09-19 21:14:16 +07:00
parent ec8c32556e
commit 02b7e880ec
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
styles/placeholders/_square.scss
View File

@@ -1,6 +1,15 @@
.square {
background: rgba(0, 0, 0, 0.3);
border-radius: 0.25rem;
height: 100%;
width: 100%;
height: var(--square-size);
width: var(--square-size);
}
.square--sm {
--square-size: 0.5rem;
}
.square--md {
--square-size: 2rem;
}
.square--lg {
--square-size: 4rem;
}