mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-09 16:16:41 +08:00
27 lines
986 B
SCSS
27 lines
986 B
SCSS
@import "../../themes/ionic.globals";
|
|
@import "./grid.mixins";
|
|
|
|
// Grid
|
|
// --------------------------------------------------
|
|
|
|
/// @prop - The padding for the grid
|
|
$grid-padding: var(--ion-grid-padding, 5px) !default;
|
|
|
|
/// @prop - The padding for the grid at different breakpoints
|
|
$grid-paddings: (
|
|
xs: var(--ion-grid-padding-xs, $grid-padding),
|
|
sm: var(--ion-grid-padding-sm, $grid-padding),
|
|
md: var(--ion-grid-padding-md, $grid-padding),
|
|
lg: var(--ion-grid-padding-lg, $grid-padding),
|
|
xl: var(--ion-grid-padding-xl, $grid-padding)
|
|
) !default;
|
|
|
|
/// @prop - Width of the grid for different screen sizes when fixed is enabled
|
|
$grid-widths: (
|
|
xs: var(--ion-grid-width-xs, var(--ion-grid-width, 100%)),
|
|
sm: var(--ion-grid-width-sm, var(--ion-grid-width, 540px)),
|
|
md: var(--ion-grid-width-md, var(--ion-grid-width, 720px)),
|
|
lg: var(--ion-grid-width-lg, var(--ion-grid-width, 960px)),
|
|
xl: var(--ion-grid-width-xl, var(--ion-grid-width, 1140px))
|
|
) !default;
|