From b7e39b59fd0fc7b5610ebff29035bf622079e0d8 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Wed, 5 Oct 2022 20:45:21 +0800 Subject: refactor: Change file structure --- .../src/styles/components/auto-sized-grid.scss | 56 ---------------------- 1 file changed, 56 deletions(-) delete mode 100644 old-apps/web-shared/src/styles/components/auto-sized-grid.scss (limited to 'old-apps/web-shared/src/styles/components/auto-sized-grid.scss') diff --git a/old-apps/web-shared/src/styles/components/auto-sized-grid.scss b/old-apps/web-shared/src/styles/components/auto-sized-grid.scss deleted file mode 100644 index a3b1be5..0000000 --- a/old-apps/web-shared/src/styles/components/auto-sized-grid.scss +++ /dev/null @@ -1,56 +0,0 @@ -@use '../base' as *; - -/* -------------------------------- - -File#: _1_auto-sized-grid -Title: Auto Sized Grid -Descr: A grid layout based on CSS Grid where the columns are automatically created according to a min-width value -Usage: codyhouse.co/license - --------------------------------- */ - -.grid-auto-xs, .grid-auto-sm, .grid-auto-md, .grid-auto-lg, .grid-auto-xl { - display: grid; - gap: var(--gap-y, 0px) var(--gap-x, 0px); - grid-template-columns: repeat(auto-fit, minmax(var(--col-min-width), 1fr)); // auto add new cols -} - -.grid-auto-xs { - --col-min-width: 8rem; -} - -.grid-auto-sm { - --col-min-width: 10rem; -} - -.grid-auto-md { - --col-min-width: 15rem; -} - -.grid-auto-lg { - --col-min-width: 20rem; -} - -.grid-auto-xl { - --col-min-width: 25rem; -} - -@each $breakpoint, $value in $breakpoints { - @include breakpoint(#{$breakpoint}) { - .grid-auto-xs\@#{$breakpoint} { - --col-min-width: 8rem; - } - .grid-auto-sm\@#{$breakpoint} { - --col-min-width: 10rem; - } - .grid-auto-md\@#{$breakpoint} { - --col-min-width: 15rem; - } - .grid-auto-lg\@#{$breakpoint} { - --col-min-width: 20rem; - } - .grid-auto-xl\@#{$breakpoint} { - --col-min-width: 25rem; - } - } -} -- cgit v1.3