From 4f472e44dbd2ffa1e4e10c63b7ab74105d8e894b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 19 Oct 2024 19:37:18 +0200 Subject: Remove old code --- src_old/_utils.scss | 233 ---------------------------------------------------- 1 file changed, 233 deletions(-) delete mode 100644 src_old/_utils.scss (limited to 'src_old/_utils.scss') diff --git a/src_old/_utils.scss b/src_old/_utils.scss deleted file mode 100644 index c0ce7a3..0000000 --- a/src_old/_utils.scss +++ /dev/null @@ -1,233 +0,0 @@ -@use 'sass:map'; -@use 'iro-sass/src/index' as iro; -@use 'functions' as fn; -@use 'include-media/dist/include-media' as media; - -$dirs: ( - '': '', - 'bs': '-block-start', - 'be': '-block-end', - 'b': '-block', - 'is': '-inline-start', - 'ie': '-inline-end', - 'i': '-inline', -) !default; - -$sizes: 0 10 50 75 100 125 200 400 700 800 !default; - -@include iro.bem-utility('d-block') { - display: block; -} - -@include iro.bem-utility('d-inline-block') { - display: inline-block; -} - -@include iro.bem-utility('d-contents') { - display: contents; -} - -@include iro.bem-utility('td-none') { - text-decoration: none; -} - -@include iro.bem-utility('d-none') { - display: none; - - @each $breakpoint in map.keys(media.$breakpoints) { - @include media.media('<=#{$breakpoint}') { - @include iro.bem-suffix('#{$breakpoint}-lo') { - display: none; - } - } - - @include media.media('>#{$breakpoint}') { - @include iro.bem-suffix('#{$breakpoint}-hi') { - display: none; - } - } - } - - @include iro.bem-at-theme('js') { - @include iro.bem-suffix('js') { - display: none; - } - } - - @include iro.bem-at-theme('no-js') { - @include iro.bem-suffix('no-js') { - display: none; - } - } - - @include iro.bem-suffix('empty') { - &:empty { - display: none; - } - } -} - -@include iro.bem-utility('ta-start') { - text-align: start; -} - -@include iro.bem-utility('ta-end') { - text-align: end; -} - -@include iro.bem-utility('ta-center') { - text-align: center; -} - -@include iro.bem-utility('fw-normal') { - font-weight: normal; -} - -@include iro.bem-utility('ai-center') { - align-items: center; -} - -@include iro.bem-utility('ai-start') { - align-items: flex-start; -} - -@include iro.bem-utility('ai-end') { - align-items: flex-end; -} - -@include iro.bem-utility('jc-center') { - justify-content: center; -} - -@include iro.bem-utility('jc-start') { - justify-content: flex-start; -} - -@include iro.bem-utility('jc-end') { - justify-content: flex-end; -} - -@include iro.bem-utility('c-heading') { - color: fn.color(--heading); -} - -@include iro.bem-utility('c-text') { - color: fn.color(--text); -} - -@include iro.bem-utility('c-mute') { - color: fn.color(--text-mute); -} - -@include iro.bem-utility('c-mute-more') { - color: fn.color(--text-mute-more); -} - -@each $dir, $prop in (is: inline-size, bs: block-size) { - @include iro.bem-utility('#{$dir}-100') { - #{$prop}: 100%; - } - - @include iro.bem-utility('#{$dir}-75') { - #{$prop}: 75%; - } - - @include iro.bem-utility('#{$dir}-50') { - #{$prop}: 50%; - } - - @include iro.bem-utility('#{$dir}-25') { - #{$prop}: 25%; - } - - @include iro.bem-utility('#{$dir}-1px') { - #{$prop}: 1px; - } - - @include iro.bem-utility('#{$dir}-0') { - #{$prop}: 0; - } -} - -@include iro.bem-utility('elp') { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -@include iro.bem-utility('p-static') { - position: static; -} - -@include iro.bem-utility('p-relative') { - position: relative; -} - -@include iro.bem-utility('p-fixed') { - position: fixed; -} - -@include iro.bem-utility('p-sticky-bs') { - position: sticky; - inset-block-start: 0; -} - -@each $dir, $suffix in $dirs { - @include iro.bem-utility('m#{$dir}-auto') { - margin#{$suffix}: auto; - } - - @include iro.bem-utility('p#{$dir}-auto') { - padding#{$suffix}: auto; - } - - @each $size in $sizes { - @include iro.bem-utility('m#{$dir}-#{$size}') { - margin#{$suffix}: fn.global-dim(--size --#{$size}); - } - - @include iro.bem-utility('p#{$dir}-#{$size}') { - padding#{$suffix}: fn.global-dim(--size --#{$size}); - } - } - - @include iro.bem-utility('b#{$dir}-0') { - border#{$suffix}: 0; - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - border#{$suffix}: 0; - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - border#{$suffix}: 0; - } - } - } - - @include iro.bem-utility('b#{$dir}-1') { - border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); - - @include iro.bem-suffix('light') { - @media (prefers-color-scheme: light) { - border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); - } - } - - @include iro.bem-suffix('dark') { - @media (prefers-color-scheme: dark) { - border#{$suffix}: fn.global-dim(--border --thin) solid fn.global-color(--border); - } - } - } -} - -@include iro.bem-utility('mbs-neutralize') { - &::before { - content: ''; - display: block; - margin-block: -100em 100em; - } -} -- cgit v1.3.1