From f2e15a40372a58282652f706113bcce1cbebef3d Mon Sep 17 00:00:00 2001 From: Tixie Date: Thu, 2 Mar 2023 11:09:55 +0100 Subject: [PATCH] Remove useless style --- src/css/1-core/_00-mixins.scss | 11 ---- src/css/3-base/_04-main.scss | 8 --- src/css/_helpers.scss | 92 +++++++++++++++++----------------- src/css/style.scss | 17 ++++--- 4 files changed, 56 insertions(+), 72 deletions(-) diff --git a/src/css/1-core/_00-mixins.scss b/src/css/1-core/_00-mixins.scss index ef0e38a..a6cfd62 100755 --- a/src/css/1-core/_00-mixins.scss +++ b/src/css/1-core/_00-mixins.scss @@ -15,17 +15,6 @@ $large: map.get($breakpoints, lg) !default; // mixins // ------------------------------------------------------------- -@mixin flow($font-size, $bf: $base-font, $lh: $line-height) { - $lh-value: $base-font * $lh; - $coeff: math.ceil(math.div($font-size, $lh-value)); - $new-lh: math.div($lh-value, $font-size) * $coeff; - $margin-bottom: math.div($new-lh, $coeff); - - margin-bottom: $margin-bottom + em; - font-size: math.div($font-size, 10) + rem; - line-height: $new-lh; -} - @function hex-to-hsl($hex) { $hue: color.hue($hex); $saturation: color.saturation($hex); diff --git a/src/css/3-base/_04-main.scss b/src/css/3-base/_04-main.scss index 6925ab4..1e66b7d 100755 --- a/src/css/3-base/_04-main.scss +++ b/src/css/3-base/_04-main.scss @@ -49,14 +49,6 @@ body { line-height: 1.2em; } -.title-3 { - @include flow(18); -} - -.title-4 { - @include flow(16); -} - // links // -------------------------------------------------------------- diff --git a/src/css/_helpers.scss b/src/css/_helpers.scss index 4e308ae..fccb8d3 100644 --- a/src/css/_helpers.scss +++ b/src/css/_helpers.scss @@ -5,30 +5,30 @@ $helpers: ( "base": ( (block, display, block), - (inline, display, inline), + // (inline, display, inline), (inline-block, display, inline-block), (flex, display, flex), (inline-flex, display, inline-flex), (flex-row, flex-direction, row), - (flex-row-reverse, flex-direction, row-reverse), + // (flex-row-reverse, flex-direction, row-reverse), (flex-col, flex-direction, column), - (flex-col-reverse, flex-direction, column-reverse), + // (flex-col-reverse, flex-direction, column-reverse), (flex-wrap, flex-wrap, wrap), (flex-no-wrap, flex-wrap, nowrap), (flex-shrink, flex-shrink, 1), (flex-no-shrink, flex-shrink, 0), (flex-grow, flex-grow, 1), - (flex-no-grow, flex-grow, 0), - (float-left, float, left), - (float-right, float, right), - (float-none, float, none), + // (flex-no-grow, flex-grow, 0), + // (float-left, float, left), + // (float-right, float, right), + // (float-none, float, none), (text-bold, font-weight, 900), - (text-semibold, font-weight, 600), + // (text-semibold, font-weight, 600), (text-regular, font-weight, normal), - (text-italic, font-style, italic), - (text-uppercase, text-transform, uppercase), - (text-lowercase, text-transform, lowercase), - (text-underline, text-decoration, underline), + // (text-italic, font-style, italic), + // (text-uppercase, text-transform, uppercase), + // (text-lowercase, text-transform, lowercase), + // (text-underline, text-decoration, underline), (text-left, text-align, left), (text-center, text-align, center), (text-right, text-align, right), @@ -57,19 +57,19 @@ $helpers: ( (align-items-end, align-items, flex-end), (align-items-center, align-items, center), (align-items-stretch, align-items, stretch), - (justify-self-auto, justify-self, auto), - (justify-self-start, justify-self, start), - (justify-self-end, justify-self, end), - (justify-self-center, justify-self, center), - (justify-self-stretch, justify-self, stretch), - (align-self-auto, align-self, auto), - (align-self-start, align-self, flex-start), - (align-self-end, align-self, flex-end), - (align-self-center, align-self, center), - (align-self-stretch, align-self, stretch), - (align-top, vertical-align, top), - (align-bottom, vertical-align, bottom), - (align-middle, vertical-align, middle), + // (justify-self-auto, justify-self, auto), + // (justify-self-start, justify-self, start), + // (justify-self-end, justify-self, end), + // (justify-self-center, justify-self, center), + // (justify-self-stretch, justify-self, stretch), + // (align-self-auto, align-self, auto), + // (align-self-start, align-self, flex-start), + // (align-self-end, align-self, flex-end), + // (align-self-center, align-self, center), + // (align-self-stretch, align-self, stretch), + // (align-top, vertical-align, top), + // (align-bottom, vertical-align, bottom), + // (align-middle, vertical-align, middle), (w25, width, 25%), (w75, width, 75%), (w80, width, 80%), @@ -85,16 +85,16 @@ $helpers: ( (w-max, width, max-content), (mw0, min-width, 0), (maxw380px, max-width, 38rem), - (list-type-disc, list-style-type, disc), - (ml-auto, margin-left, auto), - (mr-auto, margin-right, auto), + // (list-type-disc, list-style-type, disc), + // (ml-auto, margin-left, auto), + // (mr-auto, margin-right, auto), ), "md": ( - (flex-col, flex-direction, column), - (flex-grow, flex-grow, 1), - (flex-wrap, flex-wrap, wrap), - (align-items-stretch, align-items, stretch), - (align-items-start, align-items, flex-start), + // (flex-col, flex-direction, column), + // (flex-grow, flex-grow, 1), + // (flex-wrap, flex-wrap, wrap), + // (align-items-stretch, align-items, stretch), + // (align-items-start, align-items, flex-start), ), "sm": ( (flex, display, flex), @@ -110,24 +110,24 @@ $helpers: ( $spacers: ( "base": ( - (ma, margin, (0, 1, 2, 3)), - (mt, margin-top, (0, 1, 2, 3, 4, 5, 6, 7, 8)), - (mr, margin-right, (0.5, 1, 2, 3)), - (mb, margin-bottom, (0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 5, 6, 7, 8)), - (ml, margin-left, (0.5, 1, 2, 3, 4)), - (pa, padding, (0, 1, 2, 3)), - (pt, padding-top, (1, 2, 3, 4, 6, 7, 8)), - (pr, padding-right, (1, 2, 3)), - (pb, padding-bottom, (0.5, 1, 2, 3, 4, 7, 8)), - (pl, padding-left, (1, 2, 3, 4)), + // (ma, margin, (0, 1, 2, 3)), + (mt, margin-top, (0, 1)), + // (mr, margin-right, (0.5, 1, 2, 3)), + (mb, margin-bottom, (0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 7)), + // (ml, margin-left, (0.5, 1, 2, 3, 4)), + // (pa, padding, (0, 1, 2, 3)), + // (pt, padding-top, (1, 2, 3, 4, 6, 7, 8)), + // (pr, padding-right, (1, 2, 3)), + (pb, padding-bottom, (0.5, 1)), + // (pl, padding-left, (1, 2, 3, 4)), ), "md": ( - (mr, margin-right, (0, 0.5, 1, 2, 3)), + // (mr, margin-right, (0, 0.5, 1, 2, 3)), ), "sm": ( - (ma, margin, (0, 1)), + // (ma, margin, (0, 1)), (mb, margin, (4)), (ml, margin-left, (0)), - (pa, padding, (0, 1)), + // (pa, padding, (0, 1)), ) ); diff --git a/src/css/style.scss b/src/css/style.scss index 43269b3..1bee0d4 100755 --- a/src/css/style.scss +++ b/src/css/style.scss @@ -17,13 +17,14 @@ @import "1-core/_04-layout"; @import "1-core/_05-grids"; @import "1-core/_06-rwd"; -@import "1-core/_debug"; + +// @import "1-core/_debug"; // ------------------------------------------------------------- // components // ------------------------------------------------------------- -@import "2-components/_forms"; +// @import "2-components/_forms"; @import "2-components/_buttons"; @import "2-components/_notifications"; @import "2-components/_separator"; @@ -34,12 +35,14 @@ // ------------------------------------------------------------- @import "3-base/_01-fonts"; -@import "3-base/_02-icons"; -@import "3-base/_03-grids"; + +// @import "3-base/_02-icons"; +// @import "3-base/_03-grids"; @import "3-base/_04-main"; @import "3-base/_05-layout"; @import "3-base/_06-header"; -@import "3-base/_07-navigation"; + +// @import "3-base/_07-navigation"; @import "3-base/_08-content"; @import "3-base/_09-footer"; @@ -77,7 +80,7 @@ // rwd // ------------------------------------------------------------- -@import "8-rwd/_rwd-large"; -@import "8-rwd/_rwd-medium"; +// @import "8-rwd/_rwd-large"; +// @import "8-rwd/_rwd-medium"; @import "8-rwd/_rwd-small"; @import "8-rwd/_rwd";