summaryrefslogtreecommitdiff
path: root/assets/sass/_mixins.sass
diff options
context:
space:
mode:
authorFrédéric Guillot <fred@kanboard.net>2019-07-25 11:16:21 -0700
committerFrédéric Guillot <fred@kanboard.net>2019-07-25 11:16:21 -0700
commit9ae185c18eb06e3ce7e2daea0c61e6f6478bdca9 (patch)
treeace22189e031f7f78639f743a872d86c3a65eda0 /assets/sass/_mixins.sass
parent2bf0f99b519aec5b2068a689a8051d88154e3850 (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.sass66
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