From 1b1ab097a0b9174a295c645b577a3b83d1c171ec Mon Sep 17 00:00:00 2001 From: Daniel Ternyak Date: Fri, 14 Apr 2017 02:12:40 -0500 Subject: [PATCH] delete unused boilerplate scss --- common/assets/styles/base.scss | 15 ---------- common/assets/styles/index.scss | 1 - common/assets/styles/mixins.scss | 51 -------------------------------- common/assets/styles/vars.scss | 8 ----- 4 files changed, 75 deletions(-) delete mode 100644 common/assets/styles/base.scss delete mode 100644 common/assets/styles/index.scss delete mode 100644 common/assets/styles/mixins.scss delete mode 100644 common/assets/styles/vars.scss diff --git a/common/assets/styles/base.scss b/common/assets/styles/base.scss deleted file mode 100644 index 727fdc9b..00000000 --- a/common/assets/styles/base.scss +++ /dev/null @@ -1,15 +0,0 @@ -.spacer { - flex-grow: 1; -} - -.hidden { - display: none; -} - -.text-center { - text-align: center; -} - -* { - box-sizing: border-box; -} diff --git a/common/assets/styles/index.scss b/common/assets/styles/index.scss deleted file mode 100644 index d71f710b..00000000 --- a/common/assets/styles/index.scss +++ /dev/null @@ -1 +0,0 @@ -@import 'base'; diff --git a/common/assets/styles/mixins.scss b/common/assets/styles/mixins.scss deleted file mode 100644 index dc257ca5..00000000 --- a/common/assets/styles/mixins.scss +++ /dev/null @@ -1,51 +0,0 @@ -// mixin for responsive grid, but I'm sure it's far from the best solution; -// Extra small screen / phone -$xs: 0; // Small screen / phone -$sm: 480px; // Medium screen / tablet -$md: 768px; // Large screen / desktop -$lg: 1024px; // // Extra large screen / wide desktop -$xl: 1200px; -@mixin respond-to($media...) { - @for $i from 1 through length($media) { - @include privat-respond-to(nth($media, $i)) { - @content; - } - ; - } -} - -@mixin privat-respond-to($current-media) { - @if $current-media == 'xs' { - @media only screen and (max-width: $sm) { - @content; - } - } @else if $current-media == 'sm' { - @media only screen and (min-width: $sm + 1) { - @content; - } - } @else if $current-media == 'only-sm' { - @media only screen and (min-width: $sm + 1) and (max-width: $md) { - @content; - } - } @else if $current-media == 'md' { - @media only screen and (min-width: $md + 1) { - @content; - } - } @else if $current-media == 'only-md' { - @media only screen and (min-width: $md + 1) and (max-width: $lg + 1) { - @content; - } - } @else if $current-media == 'lg' { - @media only screen and (min-width: $lg + 1) { - @content; - } - } @else if $current-media == 'only-lg' { - @media only screen and (min-width: $lg + 1) and (max-width: $xl - 1) { - @content; - } - } @else if $current-media == 'xl' { - @media only screen and (min-width: $xl) { - @content; - } - } -} diff --git a/common/assets/styles/vars.scss b/common/assets/styles/vars.scss deleted file mode 100644 index 272aad0b..00000000 --- a/common/assets/styles/vars.scss +++ /dev/null @@ -1,8 +0,0 @@ -// File with all scss variables. Import it in your .scss file as "~scss_vars" -@import 'mixins'; -// UI -$sidebar-size: 150px; -// COLORS -$white: #fff; -$background: #f3f3f3; -$grey: #dbe2e8;