Sha256: 37c3f6159e5fdac33e0dcc72fd31928a640b194b0b92ec64155e8daddef2bf97
Contents?: true
Size: 722 Bytes
Versions: 5
Compression:
Stored size: 722 Bytes
Contents
// Helpers
// ==========================================================================
// Return ems from a pixel value
// This assumes a base of 19px
@function em($px, $base: 19) {
@return ($px / $base) + em;
}
// Want to see how the grid works?
// add this class to the body to see how grid padding is set
.example-highlight-grid {
.grid-row {
background: $grey-2;
}
.column-highlight {
background: $grey-3;
width: 100%;
}
}
// Hide, but not for screenreaders
@mixin visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.visually-hidden,
.visuallyhidden {
@include visually-hidden;
}
Version data entries
5 entries across 5 versions & 1 rubygems