GuerillaStudio/compteur-de-greve
1
0
Fork 0
mirror of https://github.com/GuerillaStudio/compteur-de-greve.git synced 2024-10-09 05:19:02 +00:00
Code Issues Activity

Remove useless style

Browse source
This commit is contained in:
Tixie 2023-03-02 11:09:55 +01:00
parent 8c5360ff23
commit f2e15a4037
4 changed files with 56 additions and 72 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/css/1-core/_00-mixins.scss
View file

@ -15,17 +15,6 @@ $large: map.get($breakpoints, lg) !default;
// mixins // 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) { @function hex-to-hsl($hex) {
$hue: color.hue($hex); $hue: color.hue($hex);
$saturation: color.saturation($hex); $saturation: color.saturation($hex);

8
src/css/3-base/_04-main.scss
View file

@ -49,14 +49,6 @@ body {
line-height: 1.2em; line-height: 1.2em;
} }
.title-3 {
@include flow(18);
}
.title-4 {
@include flow(16);
}
// links // links
// -------------------------------------------------------------- // --------------------------------------------------------------

92
src/css/_helpers.scss
View file

@ -5,30 +5,30 @@
$helpers: ( $helpers: (
"base": ( "base": (
(block, display, block), (block, display, block),
(inline, display, inline), // (inline, display, inline),
(inline-block, display, inline-block), (inline-block, display, inline-block),
(flex, display, flex), (flex, display, flex),
(inline-flex, display, inline-flex), (inline-flex, display, inline-flex),
(flex-row, flex-direction, row), (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, flex-direction, column),
(flex-col-reverse, flex-direction, column-reverse), // (flex-col-reverse, flex-direction, column-reverse),
(flex-wrap, flex-wrap, wrap), (flex-wrap, flex-wrap, wrap),
(flex-no-wrap, flex-wrap, nowrap), (flex-no-wrap, flex-wrap, nowrap),
(flex-shrink, flex-shrink, 1), (flex-shrink, flex-shrink, 1),
(flex-no-shrink, flex-shrink, 0), (flex-no-shrink, flex-shrink, 0),
(flex-grow, flex-grow, 1), (flex-grow, flex-grow, 1),
(flex-no-grow, flex-grow, 0), // (flex-no-grow, flex-grow, 0),
(float-left, float, left), // (float-left, float, left),
(float-right, float, right), // (float-right, float, right),
(float-none, float, none), // (float-none, float, none),
(text-bold, font-weight, 900), (text-bold, font-weight, 900),
(text-semibold, font-weight, 600), // (text-semibold, font-weight, 600),
(text-regular, font-weight, normal), (text-regular, font-weight, normal),
(text-italic, font-style, italic), // (text-italic, font-style, italic),
(text-uppercase, text-transform, uppercase), // (text-uppercase, text-transform, uppercase),
(text-lowercase, text-transform, lowercase), // (text-lowercase, text-transform, lowercase),
(text-underline, text-decoration, underline), // (text-underline, text-decoration, underline),
(text-left, text-align, left), (text-left, text-align, left),
(text-center, text-align, center), (text-center, text-align, center),
(text-right, text-align, right), (text-right, text-align, right),
@ -57,19 +57,19 @@ $helpers: (
(align-items-end, align-items, flex-end), (align-items-end, align-items, flex-end),
(align-items-center, align-items, center), (align-items-center, align-items, center),
(align-items-stretch, align-items, stretch), (align-items-stretch, align-items, stretch),
(justify-self-auto, justify-self, auto), // (justify-self-auto, justify-self, auto),
(justify-self-start, justify-self, start), // (justify-self-start, justify-self, start),
(justify-self-end, justify-self, end), // (justify-self-end, justify-self, end),
(justify-self-center, justify-self, center), // (justify-self-center, justify-self, center),
(justify-self-stretch, justify-self, stretch), // (justify-self-stretch, justify-self, stretch),
(align-self-auto, align-self, auto), // (align-self-auto, align-self, auto),
(align-self-start, align-self, flex-start), // (align-self-start, align-self, flex-start),
(align-self-end, align-self, flex-end), // (align-self-end, align-self, flex-end),
(align-self-center, align-self, center), // (align-self-center, align-self, center),
(align-self-stretch, align-self, stretch), // (align-self-stretch, align-self, stretch),
(align-top, vertical-align, top), // (align-top, vertical-align, top),
(align-bottom, vertical-align, bottom), // (align-bottom, vertical-align, bottom),
(align-middle, vertical-align, middle), // (align-middle, vertical-align, middle),
(w25, width, 25%), (w25, width, 25%),
(w75, width, 75%), (w75, width, 75%),
(w80, width, 80%), (w80, width, 80%),
@ -85,16 +85,16 @@ $helpers: (
(w-max, width, max-content), (w-max, width, max-content),
(mw0, min-width, 0), (mw0, min-width, 0),
(maxw380px, max-width, 38rem), (maxw380px, max-width, 38rem),
(list-type-disc, list-style-type, disc), // (list-type-disc, list-style-type, disc),
(ml-auto, margin-left, auto), // (ml-auto, margin-left, auto),
(mr-auto, margin-right, auto), // (mr-auto, margin-right, auto),
), ),
"md": ( "md": (
(flex-col, flex-direction, column), // (flex-col, flex-direction, column),
(flex-grow, flex-grow, 1), // (flex-grow, flex-grow, 1),
(flex-wrap, flex-wrap, wrap), // (flex-wrap, flex-wrap, wrap),
(align-items-stretch, align-items, stretch), // (align-items-stretch, align-items, stretch),
(align-items-start, align-items, flex-start), // (align-items-start, align-items, flex-start),
), ),
"sm": ( "sm": (
(flex, display, flex), (flex, display, flex),
@ -110,24 +110,24 @@ $helpers: (
$spacers: ( $spacers: (
"base": ( "base": (
(ma, margin, (0, 1, 2, 3)), // (ma, margin, (0, 1, 2, 3)),
(mt, margin-top, (0, 1, 2, 3, 4, 5, 6, 7, 8)), (mt, margin-top, (0, 1)),
(mr, margin-right, (0.5, 1, 2, 3)), // (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)), (mb, margin-bottom, (0, 0.5, 1, 1.5, 2, 2.5, 3, 4, 7)),
(ml, margin-left, (0.5, 1, 2, 3, 4)), // (ml, margin-left, (0.5, 1, 2, 3, 4)),
(pa, padding, (0, 1, 2, 3)), // (pa, padding, (0, 1, 2, 3)),
(pt, padding-top, (1, 2, 3, 4, 6, 7, 8)), // (pt, padding-top, (1, 2, 3, 4, 6, 7, 8)),
(pr, padding-right, (1, 2, 3)), // (pr, padding-right, (1, 2, 3)),
(pb, padding-bottom, (0.5, 1, 2, 3, 4, 7, 8)), (pb, padding-bottom, (0.5, 1)),
(pl, padding-left, (1, 2, 3, 4)), // (pl, padding-left, (1, 2, 3, 4)),
), ),
"md": ( "md": (
(mr, margin-right, (0, 0.5, 1, 2, 3)), // (mr, margin-right, (0, 0.5, 1, 2, 3)),
), ),
"sm": ( "sm": (
(ma, margin, (0, 1)), // (ma, margin, (0, 1)),
(mb, margin, (4)), (mb, margin, (4)),
(ml, margin-left, (0)), (ml, margin-left, (0)),
(pa, padding, (0, 1)), // (pa, padding, (0, 1)),
) )
); );

17
src/css/style.scss
View file

@ -17,13 +17,14 @@
@import "1-core/_04-layout"; @import "1-core/_04-layout";
@import "1-core/_05-grids"; @import "1-core/_05-grids";
@import "1-core/_06-rwd"; @import "1-core/_06-rwd";
@import "1-core/_debug";
// @import "1-core/_debug";
// ------------------------------------------------------------- // -------------------------------------------------------------
// components // components
// ------------------------------------------------------------- // -------------------------------------------------------------
@import "2-components/_forms"; // @import "2-components/_forms";
@import "2-components/_buttons"; @import "2-components/_buttons";
@import "2-components/_notifications"; @import "2-components/_notifications";
@import "2-components/_separator"; @import "2-components/_separator";
@ -34,12 +35,14 @@
// ------------------------------------------------------------- // -------------------------------------------------------------
@import "3-base/_01-fonts"; @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/_04-main";
@import "3-base/_05-layout"; @import "3-base/_05-layout";
@import "3-base/_06-header"; @import "3-base/_06-header";
@import "3-base/_07-navigation";
// @import "3-base/_07-navigation";
@import "3-base/_08-content"; @import "3-base/_08-content";
@import "3-base/_09-footer"; @import "3-base/_09-footer";
@ -77,7 +80,7 @@
// rwd // rwd
// ------------------------------------------------------------- // -------------------------------------------------------------
@import "8-rwd/_rwd-large"; // @import "8-rwd/_rwd-large";
@import "8-rwd/_rwd-medium"; // @import "8-rwd/_rwd-medium";
@import "8-rwd/_rwd-small"; @import "8-rwd/_rwd-small";
@import "8-rwd/_rwd"; @import "8-rwd/_rwd";