1
0
mirror of https://github.com/locomotivemtl/locomotive-boilerplate.git synced 2026-01-15 00:55:08 +08:00

Move src assets files out of dist folder, clean up grunt and related files, separate functions and mixins scss...

This commit is contained in:
Antoine Boulanger
2016-03-11 11:02:59 -05:00
parent f9358916d5
commit 9ccc53de8a
62 changed files with 123 additions and 1250 deletions

View File

@@ -0,0 +1,60 @@
// ==========================================================================
// Helpers
// ==========================================================================
.u-vertical-center {
@include vertical-center;
}
.u-clearfix {
@include clearfix;
}
/*
* Hide visually and from screen readers:
* http://juicystudio.com/article/screen-readers-display-none.php
*/
.u-hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.u-visuallyhidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
border: 0;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
position: static;
overflow: visible;
clip: auto;
margin: 0;
width: auto;
height: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.u-invisible {
visibility: hidden;
}