mirror of
https://github.com/inverse-inc/sogo.git
synced 2026-07-07 01:15:09 +00:00
(css) Remove Compass dependency
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
/// mixins.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||
@import '../angular-material/src/core/style/mixins.scss';
|
||||
/// mixins.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||
@import '../../angular-material/src/core/style/mixins.scss';
|
||||
|
||||
@mixin margin-selectors($before:1em, $after:1em, $start:0px, $end:0px) {
|
||||
-webkit-margin-before: $before;
|
||||
@@ -31,3 +31,29 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Migration functions to mimic the
|
||||
// Compass extension "Breakpoint Slicer" (https://github.com/lolmaus/breakpoint-slicer)
|
||||
// using "Breakpoint" (https://github.com/at-import/breakpoint)
|
||||
@mixin at($breakpoint) {
|
||||
$min_idx: index($slicer-breakpoint-names, $breakpoint);
|
||||
$min: nth($slicer-breakpoints, $min_idx) + 1;
|
||||
$max: nth($slicer-breakpoints, $min_idx + 1);
|
||||
@include breakpoint($min $max) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin from($breakpoint) {
|
||||
$min_idx: index($slicer-breakpoint-names, $breakpoint);
|
||||
$min: nth($slicer-breakpoints, $min_idx) + 1;
|
||||
@include breakpoint($min) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
@mixin to($breakpoint) {
|
||||
$max_idx: index($slicer-breakpoint-names, $breakpoint);
|
||||
$max: nth($slicer-breakpoints, $max_idx + 1);
|
||||
@include breakpoint('max-width' $max) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user