diff options
author | Frédéric Guillot <fred@kanboard.net> | 2019-07-25 11:16:21 -0700 |
---|---|---|
committer | Frédéric Guillot <fred@kanboard.net> | 2019-07-25 11:16:21 -0700 |
commit | 9ae185c18eb06e3ce7e2daea0c61e6f6478bdca9 (patch) | |
tree | ace22189e031f7f78639f743a872d86c3a65eda0 /assets/sass/_mixins.sass | |
parent | 2bf0f99b519aec5b2068a689a8051d88154e3850 (diff) |
Remove dependency on Sass
- Convert *.sass files to vanilla CSS
- Start using CSS variables
- Add PHP minifier
Diffstat (limited to 'assets/sass/_mixins.sass')
-rw-r--r-- | assets/sass/_mixins.sass | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/assets/sass/_mixins.sass b/assets/sass/_mixins.sass deleted file mode 100644 index 62642d39..00000000 --- a/assets/sass/_mixins.sass +++ /dev/null @@ -1,66 +0,0 @@ -@import variables - -@mixin custom-device($width) - @media (max-width: #{$width}) - @content - -@mixin xs-device - @media (max-width: #{$xs-device-width}) - @content - -@mixin sm-device - @media (max-width: #{$sm-device-width}) - @content - -@mixin md-device - @media (min-width: #{$sm-device-width}) and (max-width: #{$md-device-width}) - @content - -@mixin grid($columns: 0) - box-sizing: border-box - display: flex - flex-wrap: wrap - > * - box-sizing: border-box - > * - width: (1/$columns) * 100% - -@mixin grid_width($width) - width: $width * 100% - -@mixin placeholder - &::-webkit-input-placeholder - @content - &::-moz-placeholder - @content - &:-ms-input-placeholder - @content - -@mixin col-x($n) - @for $i from 1 through $n - .column-#{$i} - width: $i * 1% - -=appearance - -webkit-appearance: none - -moz-appearance: none - -=display-flex - display: -webkit-flex - display: flex - -=flex-direction($direction) - -webkit-flex-direction: $direction - flex-direction: $direction - -=flex-wrap - -webkit-flex-wrap: wrap - flex-wrap: wrap - -=align-content($position) - -webkit-align-items: $position - align-items: $position - -=justify-content($position) - -webkit-justify-content: $position - justify-content: $position |