mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-08 07:07:15 +02:00
Code Issues Releases Wiki Activity

fix: Ribbon

Browse Source
This commit is contained in:
Phuoc Nguyen
2022-09-22 10:26:13 +07:00
parent 80d924aeaf
commit d25c54f261
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
styles/patterns/_avatar.scss
View File

@@ -1,6 +1,6 @@
.avatar { .avatar {
height: 8rem; height: 4rem;
width: 8rem; width: 4rem;
background-color: #d1d5db; background-color: #d1d5db;
/* Rounded border */ /* Rounded border */

2
styles/patterns/_color-swatch.scss
View File

@@ -1,6 +1,8 @@
.swatch { .swatch {
/* Wrap the items */ /* Wrap the items */
align-items: center;
display: flex; display: flex;
justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
} }
.swatch__item { .swatch__item {

6
styles/patterns/_ribbon.scss
View File

@@ -24,9 +24,6 @@
bottom: -0.5rem; bottom: -0.5rem;
position: absolute; position: absolute;
/* Displayed under the ribbon */
z-index: 1;
/* Background */ /* Background */
border: 1rem solid #d1d5db; border: 1rem solid #d1d5db;
} }
@@ -49,7 +46,8 @@
border: 0.5rem solid transparent; border: 0.5rem solid transparent;
border-bottom-width: 0; border-bottom-width: 0;
border-top-color: #aaa; border-top-color: #6b7280;
z-index: 1;
} }
.ribbon__triangle--l { .ribbon__triangle--l {