delete unused boilerplate scss
This commit is contained in:
parent
04d17f716e
commit
1b1ab097a0
|
@ -1,15 +0,0 @@
|
|||
.spacer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
|
@ -1 +0,0 @@
|
|||
@import 'base';
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -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;
|
Loading…
Reference in New Issue