scss-library/components/01_Layouts/sizes/_sizes.scss

39 lines
671 B
SCSS

@mixin RV-Sizes($-prefix: '&') {
#{$-prefix}--half {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 50%;
width: 50%;
}
#{$-prefix}--third {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 33.33%;
width: 33.33%;
}
#{$-prefix}--quarter {
flex-grow: 0;
flex-shrink: 0;
flex-basis: 25%;
width: 25%;
}
#{$-prefix}--fixedSize {
flex-grow: 0;
flex-shrink: 0;
}
#{$-prefix}--content {
flex-grow: 0;
flex-shrink: 0;
width: max-content;
flex-basis: max-content;
}
}
.RV-Sizes {
@include RV-Sizes;
}