@net7/components 4.2.1 → 4.2.3-rc4

package/src/lib/styles/global/_normalize.scss

@@ -11,17 +11,15 @@
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
-
 html {
     font-family: sans-serif; /* 1 */
-    -ms-text-size-adjust: 100%; /* 2 */
-    -webkit-text-size-adjust: 100%; /* 2 */
+    text-size-adjust: 100%; /* 2 */
+    text-size-adjust: 100%; /* 2 */
 }
 
 /**
  * Remove default margin.
  */
-
 body {
     margin: 0;
 }
@@ -35,7 +33,6 @@ body {
  * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
-
 article,
 aside,
 details,
@@ -56,7 +53,6 @@ summary {
  * 1. Correct `inline-block` display not defined in IE 8/9.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
-
 audio,
 canvas,
 progress,
@@ -69,7 +65,6 @@ video {
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
-
 audio:not([controls]) {
     display: none;
     height: 0;
@@ -79,7 +74,6 @@ audio:not([controls]) {
  * Address `[hidden]` styling not present in IE 8/9/10.
  * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
  */
-
 [hidden],
 template {
     display: none;
@@ -91,7 +85,6 @@ template {
 /**
  * Remove the gray background color from active links in IE 10.
  */
-
 a {
     background-color: transparent;
 }
@@ -99,7 +92,6 @@ a {
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
-
 a:active,
 a:hover {
     outline: 0;
@@ -111,7 +103,6 @@ a:hover {
 /**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
-
 abbr[title] {
     border-bottom: 1px dotted;
 }
@@ -119,7 +110,6 @@ abbr[title] {
 /**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
-
 b,
 strong {
     font-weight: $font-weight-bold;
@@ -128,7 +118,6 @@ strong {
 /**
  * Address styling not present in Safari and Chrome.
  */
-
 dfn {
     font-style: italic;
 }
@@ -137,7 +126,6 @@ dfn {
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari, and Chrome.
  */
-
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
@@ -146,7 +134,6 @@ h1 {
 /**
  * Address styling not present in IE 8/9.
  */
-
 mark {
     background: #ffff00;
     color: #000000;
@@ -155,7 +142,6 @@ mark {
 /**
  * Address inconsistent and variable font size in all browsers.
  */
-
 small {
     font-size: 80%;
 }
@@ -163,7 +149,6 @@ small {
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
-
 sub,
 sup {
     font-size: 75%;
@@ -171,11 +156,9 @@ sup {
     position: relative;
     vertical-align: baseline;
 }
-
 sup {
     top: -0.5em;
 }
-
 sub {
     bottom: -0.25em;
 }
@@ -186,7 +169,6 @@ sub {
 /**
  * Remove border when inside `a` element in IE 8/9/10.
  */
-
 img {
     border: 0;
 }
@@ -194,7 +176,6 @@ img {
 /**
  * Correct overflow not hidden in IE 9/10/11.
  */
-
 svg:not(:root) {
     overflow: hidden;
 }
@@ -205,7 +186,6 @@ svg:not(:root) {
 /**
  * Address margin not present in IE 8/9 and Safari.
  */
-
 figure {
     margin: 1em 40px;
 }
@@ -213,9 +193,8 @@ figure {
 /**
  * Address differences between Firefox and other browsers.
  */
-
 hr {
-    -moz-box-sizing: content-box;
+    box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
 }
@@ -223,7 +202,6 @@ hr {
 /**
  * Contain overflow in all browsers.
  */
-
 pre {
     overflow: auto;
 }
@@ -231,12 +209,11 @@ pre {
 /**
  * Address odd `em`-unit font size rendering in all browsers.
  */
-
 code,
 kbd,
 pre,
 samp {
-    font-family: monospace, monospace;
+    font-family: monospace;
     font-size: 1em;
 }
 
@@ -254,7 +231,6 @@ samp {
  * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  */
-
 button,
 input,
 optgroup,
@@ -268,7 +244,6 @@ textarea {
 /**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
-
 button {
     overflow: visible;
 }
@@ -279,7 +254,6 @@ button {
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  * Correct `select` style inheritance in Firefox.
  */
-
 button,
 select {
     text-transform: none;
@@ -292,19 +266,17 @@ select {
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
-
 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
+    appearance: button; /* 2 */
     cursor: pointer; /* 3 */
 }
 
 /**
  * Re-set default cursor for disabled elements.
  */
-
 button[disabled],
 html input[disabled] {
     cursor: default;
@@ -313,7 +285,6 @@ html input[disabled] {
 /**
  * Remove inner padding and border in Firefox 4+.
  */
-
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
@@ -324,7 +295,6 @@ input::-moz-focus-inner {
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
-
 input {
     line-height: normal;
 }
@@ -336,9 +306,8 @@ input {
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
-
-input[type="checkbox"],
-input[type="radio"] {
+input[type='checkbox'],
+input[type='radio'] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
@@ -348,9 +317,8 @@ input[type="radio"] {
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
     height: auto;
 }
 
@@ -359,11 +327,10 @@ input[type="number"]::-webkit-outer-spin-button {
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
  *    (include `-moz` to future-proof).
  */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
+input[type='search'] {
+    appearance: textfield; /* 1 */
+    box-sizing: content-box;
+    box-sizing: content-box; /* 2 */
     box-sizing: content-box;
 }
 
@@ -372,16 +339,14 @@ input[type="search"] {
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+    appearance: none;
 }
 
 /**
  * Define consistent border, margin, and padding.
  */
-
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
@@ -392,7 +357,6 @@ fieldset {
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
-
 legend {
     border: 0; /* 1 */
     padding: 0; /* 2 */
@@ -401,7 +365,6 @@ legend {
 /**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */
-
 textarea {
     overflow: auto;
 }
@@ -410,7 +373,6 @@ textarea {
  * Don't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */
-
 optgroup {
     font-weight: $font-weight-bold;
 }
@@ -421,13 +383,11 @@ optgroup {
 /**
  * Remove most spacing between table cells.
  */
-
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
-
 td,
 th {
     padding: 0;
-}
+}

package/src/lib/styles/global/_typography.scss

@@ -7,58 +7,57 @@
 /* ------------------------------------ *\
    #HEADINGS
 \* ------------------------------------ */
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
     font-weight: $font-weight-bold;
     font-family: $font-family-headings;
     margin: 0;
     padding: 0;
     color: $color-text;
 }
-
 h1 {
     font-size: $font-size-xl;
     line-height: 1.2;
-    margin-bottom: .3em;
+    margin-bottom: 0.3em;
 }
-
 h2 {
     font-size: $font-size-l;
     line-height: 1.2;
-    margin-bottom: .3em;
+    margin-bottom: 0.3em;
 }
-
 h3 {
     font-size: $font-size-m;
     line-height: 1.2;
-    margin-bottom: .3em;
+    margin-bottom: 0.3em;
 }
-
 h4 {
     font-size: $font-size-m;
     line-height: 1.2;
-    margin-bottom: .3em;
+    margin-bottom: 0.3em;
 }
-
 h5 {
     font-size: $font-size-s;
     line-height: 1.2;
-    margin-bottom: .3em;
+    margin-bottom: 0.3em;
 }
-
-p, .single-content p {
-    margin: 0 0 calc($space/2) 0;
+p,
+.single-content p {
+    margin: 0 0 calc($space * 0.5) 0;
     padding: 0;
     color: $color-text;
     font-size: $font-size-m;
     font-weight: $font-weight-normal;
     line-height: 1.5;
 }
-
-b, strong {
+b,
+strong {
     font-weight: $font-weight-bold;
 }
 
-
 /* ------------------------------------ *\
    #LINKS
 \* ------------------------------------ */
@@ -66,17 +65,20 @@ a {
     color: $color-text-link;
     text-decoration: none;
     transition: color $transition-durations;
-
-    h1, h2, h3, h4, h5, h6 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
         color: inherit;
     }
-
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
         color: $color-text-link-hover;
     }
 }
 
-
 /* ------------------------------------ *\
    #HR
 \* ------------------------------------ */
@@ -85,4 +87,4 @@ hr {
     padding: 0;
     border: none;
     border-top: 1px solid $color-border-normal;
-}
+}