Updated the normalise css.
This commit is contained in:
parent
5fb50a6da6
commit
fbf7a90ed3
5 changed files with 438 additions and 413 deletions
|
|
@ -1,4 +1,4 @@
|
|||
// sass-lint:disable indentation, no-color-keywords
|
||||
// sass-lint:disable indentation, no-color-keywords, no-color-hex
|
||||
|
||||
// Colors
|
||||
//
|
||||
|
|
@ -22,6 +22,7 @@ $chroma: add-colors((
|
|||
grey-light: ('black' lighten 80%), // #ccc
|
||||
grey-extra-light: ('black' lighten 93.33%), // #eee
|
||||
white: #fff,
|
||||
|
||||
blue: #0072b9,
|
||||
red: #c00,
|
||||
green: #43a808,
|
||||
|
|
@ -57,6 +58,7 @@ $chroma: add-colors('functional', (
|
|||
backdrop: 'grey-extra-light',
|
||||
|
||||
mobile-menu: 'header-bg',
|
||||
mobile-menu-cover: ('black' rgba .2),
|
||||
|
||||
button: 'nearblack',
|
||||
button-disabled: 'grey',
|
||||
|
|
|
|||
|
|
@ -5,8 +5,6 @@
|
|||
//
|
||||
// We use the micro-clearfix, optimized for use in `@extend` where fewer `&` is
|
||||
// better.
|
||||
//
|
||||
// Style guide: sass.mixins.clearfix
|
||||
@mixin clearfix() {
|
||||
&::before {
|
||||
content: '';
|
||||
|
|
|
|||
|
|
@ -37,8 +37,6 @@ $image-url-subdirectory: 'components' !default;
|
|||
// `$subdirectory`.
|
||||
// $path-to-source = $image-url-path-to-source - Optional. The relative path
|
||||
// from the css build directory to the sass source directory.
|
||||
//
|
||||
// Style guide: sass.mixins.image-url
|
||||
@function image-url($subdirectory, $path: null, $path-to-source: $image-url-path-to-source) {
|
||||
// If only 1 parameter is given, its value is intended for the $path.
|
||||
@if type-of($path) == 'null' {
|
||||
|
|
|
|||
|
|
@ -10,8 +10,6 @@ $include-rtl: true !default;
|
|||
// Can be turned off globally by setting `$include-rtl: false;`.
|
||||
//
|
||||
// $selector = '[dir="rtl"]' - The RTL parent selector.
|
||||
//
|
||||
// Style guide: sass.mixins.rtl
|
||||
@mixin rtl($selector: '[dir="rtl"]') {
|
||||
@if $include-rtl {
|
||||
@if & {
|
||||
|
|
|
|||
|
|
@ -4,8 +4,6 @@
|
|||
//
|
||||
// Make an element visually hidden, but accessible to screen readers, etc.
|
||||
// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
|
||||
//
|
||||
// Style guide: sass.mixins.visually-hidden
|
||||
@mixin visually-hidden {
|
||||
position: absolute !important;
|
||||
height: 1px;
|
||||
|
|
@ -18,8 +16,6 @@
|
|||
// visually-hidden--off()
|
||||
//
|
||||
// Turns off the visually-hidden effect.
|
||||
//
|
||||
// Style guide: sass.mixins.visually-hidden--off
|
||||
@mixin visually-hidden--off {
|
||||
position: static !important;
|
||||
clip: auto;
|
||||
|
|
@ -32,8 +28,6 @@
|
|||
//
|
||||
// Makes an element visually hidden by default, but visible when receiving
|
||||
// focus.
|
||||
//
|
||||
// Style guide: sass.mixins.visually-hidden--focusable
|
||||
@mixin visually-hidden--focusable {
|
||||
@include visually-hidden;
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue