Add new components like flex-group and flex-inline.
This commit is contained in:
parent
a693c8c0c2
commit
9cf8765eac
1 changed files with 111 additions and 0 deletions
18
assets/sass/components/flex-inline/_flex-inline.scss
Normal file
18
assets/sass/components/flex-inline/_flex-inline.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
.flex-inline,
|
||||
%flex-inline {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: .5rem;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
|
||||
@include rtl() {
|
||||
flex-direction: row-reverse;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&__item,
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue