mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
7a8d5f68d2
- remove scss-lint and sass-lint - add stylelint and stylelint-order packages and configuration - update all *.scss files to new syntax fixes #14805
34 lines
915 B
SCSS
34 lines
915 B
SCSS
@import "../../themes/ionic.globals";
|
|
@import "../../themes/ionic.mixins";
|
|
|
|
// Responsive Mixins
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Creates a fixed width for the grid based on the screen size
|
|
// ---------------------------------------------------------------------------------
|
|
|
|
@mixin make-grid-widths($widths: $grid-widths, $breakpoints: $screen-breakpoints) {
|
|
@each $breakpoint, $width in $widths {
|
|
@include media-breakpoint-up($breakpoint, $breakpoints) {
|
|
width: $width;
|
|
}
|
|
}
|
|
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
// Adds padding to the element based on breakpoints
|
|
// ---------------------------------------------------------------------------------
|
|
|
|
@mixin make-breakpoint-padding($paddings) {
|
|
@each $breakpoint in map-keys($paddings) {
|
|
@include media-breakpoint-up($breakpoint) {
|
|
$padding: map-get($paddings, $breakpoint);
|
|
|
|
@include padding($padding);
|
|
}
|
|
}
|
|
}
|