diff --git a/mixins/browser.scss b/mixins/browser.scss index 6a03718..8b97b48 100644 --- a/mixins/browser.scss +++ b/mixins/browser.scss @@ -1,5 +1,3 @@ -// @ToDo: Test the not mixin - @mixin chrome { @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) { @content; @@ -19,17 +17,17 @@ } @mixin ie { - // IE9+ + /* IE9+ */ @media screen and (min-width: 0\0) and (min-resolution: +72dpi) { @content; } - // IE8 + /* IE8 */ @media \0screen { @content; } - // IE6,7 + /* IE6,7 */ @media screen\9 { @content; } @@ -42,7 +40,7 @@ } @mixin safari { - // Safari 10.1+ + /* Safari 10.1+ */ @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { @content; diff --git a/mixins/shadow.scss b/mixins/shadow.scss index 290f7ee..d372c25 100644 --- a/mixins/shadow.scss +++ b/mixins/shadow.scss @@ -1,8 +1,8 @@ -/** According to the Google living style guide +/* According to the Google living style guide * @see https://material.io/design/environment/elevation.html#default-elevations */ -/** +/* -- Spectrum -- @@ -116,7 +116,7 @@ $pushOnPress: true !default; } } -// Svg Fix +/* Svg Fix */ @mixin drop-shadow($elevation: 1, $animation: null, $color: #000, $important: null) { transition: $transition; @if $animation { diff --git a/package.json b/package.json index 3d16318..d7d8620 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "scss-opinionated", - "version": "16.0.1", + "version": "17.0.0", "description": "Opiniated scss mixin and utilities", "license": "MIT", "author": "Raphael Balet", diff --git a/utilities/spacing.scss b/utilities/spacing.scss index 75e05a3..71e0d22 100644 --- a/utilities/spacing.scss +++ b/utilities/spacing.scss @@ -1,13 +1,13 @@ -// https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407 +/* https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407 */ :root { - --space-smallest: 4px; // BBFE - --space-smaller: 8px; // Best friends + --space-smallest: 4px; /* BBFE */ + --space-smaller: 8px; /* Best friends */ --space-small: 12px; - --space: 16px; // Close friends - --space-big: 24px; // Close-ish friends - --space-bigger: 32px; // Friends - --space-biggest: 64px; // Acquaintances - --space-giant: 72px; // Distant acquaintances - --space-gargantuan: 128px; // Stranger + --space: 16px; /* Close friends */ + --space-big: 24px; /* Close-ish friends */ + --space-bigger: 32px; /* Friends */ + --space-biggest: 64px; /* Acquaintances */ + --space-giant: 72px; /* Distant acquaintances */ + --space-gargantuan: 128px; /* Stranger */ }