status-im
/
MyCrypto
mirror of https://github.com/status-im/MyCrypto.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

delete unused boilerplate scss

This commit is contained in:
Daniel Ternyak 2017-04-14 02:12:40 -05:00
parent 04d17f716e
commit 1b1ab097a0
4 changed files with 0 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
common/assets/styles/base.scss
View File

@ -1,15 +0,0 @@
.spacer {
flex-grow: 1;
}
.hidden {
display: none;
}
.text-center {
text-align: center;
}
* {
box-sizing: border-box;
}

1
common/assets/styles/index.scss
View File

@ -1 +0,0 @@
@import 'base';

51
common/assets/styles/mixins.scss
View File

@ -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;
}
}
}

8
common/assets/styles/vars.scss
View File

@ -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;