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
// -------------------------------------------------------------
@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);

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

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

92
src/css/_helpers.scss
View file

@ -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)),
)
);

17
src/css/style.scss
View file

@ -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";