aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/styles/components/auto-sized-grid.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/styles/components/auto-sized-grid.scss
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz
greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/styles/components/auto-sized-grid.scss')
-rw-r--r--old-apps/web-shared/src/styles/components/auto-sized-grid.scss56
1 files changed, 0 insertions, 56 deletions
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;
- }
- }
-}