You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.1 KiB
SCSS
105 lines
2.1 KiB
SCSS
/* ==========================================================================
|
|
Utils
|
|
========================================================================== */
|
|
|
|
/* Font smoothing
|
|
========================================================================== */
|
|
|
|
/**
|
|
* Antialiased font smoothing works best for light text on a dark background.
|
|
* Apply to single elements instead of globally to body.
|
|
* Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
|
|
*/
|
|
|
|
.antialiased {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* Truncated text
|
|
========================================================================== */
|
|
|
|
.truncated {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
/* Hidden content
|
|
========================================================================== */
|
|
|
|
/* Hide from both screenreaders and browsers */
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Hide only visually, but have it available for screenreaders */
|
|
|
|
.visually-hidden {
|
|
border: 0 none;
|
|
clip: rect(0px, 0px, 0px, 0px);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
/**
|
|
* Extends the .visually-hidden class to allow the element
|
|
* to be focusable when navigated to via the keyboard
|
|
*/
|
|
|
|
.visually-hidden.focusable:active,
|
|
.visually-hidden.focusable:focus {
|
|
clip: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
position: static;
|
|
width: auto;
|
|
}
|
|
|
|
/* Undo visually-hidden */
|
|
|
|
.visually-hidden-undo {
|
|
position: inherit;
|
|
overflow: visible;
|
|
height: auto;
|
|
width: auto;
|
|
margin: auto;
|
|
}
|
|
|
|
/* Hide visually and from screenreaders, but maintain layout */
|
|
|
|
.invisible {
|
|
visibility: hidden;
|
|
}
|
|
|
|
|
|
/* Clearfix
|
|
========================================================================== */
|
|
|
|
.clearfix {
|
|
&:before,
|
|
&:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
|
|
/* Disabled
|
|
========================================================================== */
|
|
|
|
.disabled {
|
|
opacity: 0.48;
|
|
pointer-events: none;
|
|
cursor: not-allowed;
|
|
} |