mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-08 23:58:13 +08:00
a7f1f4daa7
- updates components to use shadow DOM or scoped if they require css variables - moves global styles to an external stylesheet that needs to be imported - adds support for additional colors and removes the Sass loops to generate colors for each component - several property renames, bug fixes, and test updates Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com> Co-authored-by: Adam Bradley <adambradley25@gmail.com> Co-authored-by: Cam Wiegert <cam@camwiegert.com>
28 lines
990 B
SCSS
28 lines
990 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;
|