novoland-developer-networks/OfficialSite
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix mixins: font-size, u-accessibly-hidden, u-hidden and u-shown

Browse Source
This commit is contained in:
Julien Martins Da Costa
2017-06-09 10:55:20 -04:00
parent 000d2f2f13
commit e25a19f53f
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/styles/tools/_mixins.scss
View File

@@ -51,8 +51,8 @@
// @output `font-size`, `line-height`
//
@mixin font-size($font-size, $line-height: auto, $important: false) {
font-size: rem($font-size) $important;
$important: important($important);
font-size: rem($font-size) $important;
@if ($line-height == "auto") {
line-height: ceil($font-size / $line-height) * ($line-height / $font-size) $important;
@@ -160,6 +160,7 @@
// @output Properties for removing the element from the document flow.
//
@mixin u-accessibly-hidden($important: true) {
$important: important($important);
position: absolute $important;
overflow: hidden;
clip: rect(0 0 0 0);
@@ -168,7 +169,6 @@
width: 1px;
height: 1px;
border: 0;
$important: important($important);
}
//
@@ -197,9 +197,9 @@
// @output `display`, `visibility`
//
@mixin u-hidden($important: true) {
$important: important($important);
display: none $important;
visibility: hidden $important;
$important: important($important);
}
//
@@ -212,7 +212,7 @@
// @output `display`, `visibility`
//
@mixin u-shown($display: block, $important: true) {
$important: important($important);
display: $display $important;
visibility: visible $important;
$important: important($important);
}

7
www/assets/styles/main.css
View File

@@ -1,5 +1,5 @@
/*
* ! Locomotive Boilerplate - 2017-05-17
* ! Locomotive Boilerplate - 2017-06-09
*/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
@@ -78,6 +78,7 @@ figure {
hr {
overflow: visible;
/* 2 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
@@ -326,6 +327,7 @@ fieldset {
legend {
display: table;
/* 1 */
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
@@ -362,6 +364,7 @@ textarea {
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
@@ -450,6 +453,7 @@ template {
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@@ -461,6 +465,7 @@ template,
*,
:before,
:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}