1.1.2 • Published 4 months ago
@blockquote-web-components/blockquote-foundations-sass v1.1.2
blockquote-foundations-sass
Set of functions and mixins which help in the development of web-component
SCSS.
function rem()
Converts pixels to ems. if the parent is another value say 24px write em(12px, 24px)
Usage:
font-size: em(14px);
font-size: em(14px, 24px);
function rem()
Converts pixels to rems.
Usage:
font-size: rem(14px);
mixin visuallyhidden
Hides on-screen elements without hiding them to screen readers.
We recommend to apply this mixin to classes named visuallyhidden
or sr-only
.
Usage:
.visuallyhidden {
@include visuallyhidden;
}
mixin inset
Add inset properties of IE11 support
Usage:
element { @include inset; }
mixin list-unstyled
Removes margin, padding and list-style. This mixin should be applied to <ul>
or <ol>
elements.
Usage:
ul { @include list-unstyled; }