Source: css/2-tools/_tools.scss, line 1
2 Tools
Includes all the public mixins and helper functions. These globally-available tools should make our development flow easier.
Source: css/2-tools/_tools.scss, line 1
Includes all the public mixins and helper functions. These globally-available tools should make our development flow easier.
Source: css/2-tools/_functions.scss, line 1
Source: css/2-tools/functions.em.scss, line 1
transform pixel to em.
em($target, $context: $default-font-size);
Source: css/2-tools/functions.mq-unit.scss, line 1
transform media query pixel to em with a base of 16px (default browser font-size).
mq-unit($target);
Source: css/2-tools/functions.rem.scss, line 1
transform pixel to rem.
rem($target, $context: $default-font-size);
Source: css/2-tools/_mixins.scss, line 1
Source: css/2-tools/mixins.baseline.scss, line 1
@include baseline(font-size, scale)
baseline($font-size, $scale: 2);
Source: css/2-tools/mixins.font-face.scss, line 1
@include font-face(font-family, font-source, font-weight, font-style)
font-face($font-family, $src, $font-weight, $font-style);
Source: css/2-tools/mixins.grid.scss, line 1
Used to build up the object grid.
Source: css/2-tools/mixins.grid.scss, line 48
@include grid-mq(min/max-sm/md/lg)
grid-mq($width);
Source: css/2-tools/mixins.mq.scss, line 1
The following media queries mixins are possible.
@include mq(min/max, width/height, min/max, width/height)
mq($min-max1, $width-height1, $min-max2, $width-height2);