mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
381de0b3d3
Issue number: resolves #27129 --------- <!-- Please do not submit updates to dependencies unless it fixes an issue. --> <!-- Please try to limit your pull request to one type (bugfix, feature, etc). Submit multiple pull requests if needed. --> ## What is the current behavior? <!-- Please describe the current behavior that you are modifying. --> Material Design has 16px of margin between the form control and the label, but we have 8px: https://m2.material.io/components/selection-controls#usage ## What is the new behavior? <!-- Please describe the behavior or changes that are being added by this PR. --> - Updates default margin from 8px to 16px for checkbox, input, radio, range, select, textarea, and toggle. Note: This should only apply to labels that are on the same line as the form control. In other words, they do not apply to stacked/floating labels. ## Does this introduce a breaking change? - [ ] Yes - [x] No <!-- If this introduces a breaking change, please describe the impact and migration path for existing applications below. --> ## Other information <!-- Any other information that is important to this PR such as screenshots of how the component looks before and after the change. --> --------- Co-authored-by: ionitron <hi@ionicframework.com>
68 lines
1.6 KiB
SCSS
68 lines
1.6 KiB
SCSS
|
|
// Global Utility Functions
|
|
@import "./ionic.functions.string";
|
|
|
|
// Global Color Functions
|
|
@import "./ionic.functions.color";
|
|
|
|
// Global Mixins
|
|
@import "./ionic.mixins";
|
|
|
|
// Default Theme
|
|
@import "./ionic.theme.default";
|
|
|
|
|
|
// Default General
|
|
// --------------------------------------------------
|
|
$font-family-base: var(--ion-font-family, inherit) !default;
|
|
|
|
// Global app direction
|
|
$app-direction: null !default;
|
|
|
|
// Hairlines width
|
|
$hairlines-width: .55px !default;
|
|
|
|
// The minimum dimensions at which your layout will change,
|
|
// adapting to different screen sizes, for use in media queries
|
|
$screen-breakpoints: (
|
|
xs: 0,
|
|
sm: 576px,
|
|
md: 768px,
|
|
lg: 992px,
|
|
xl: 1200px
|
|
) !default;
|
|
|
|
// Input placeholder opacity
|
|
// Ensures that the placeholder has the
|
|
// correct color contrast against the background.
|
|
$placeholder-opacity: 0.6 !default;
|
|
|
|
$form-control-label-margin: 16px !default;
|
|
|
|
|
|
// Z-Index
|
|
// --------------------------------------------------
|
|
// Grouped by elements which would be siblings
|
|
|
|
$z-index-menu-overlay: 1000;
|
|
$z-index-overlay: 1001;
|
|
$z-index-click-block: 99999;
|
|
|
|
$z-index-fixed-content: 999;
|
|
$z-index-scroll-content: 1;
|
|
$z-index-refresher: -1;
|
|
|
|
$z-index-page-container: 0;
|
|
$z-index-toolbar: 10;
|
|
$z-index-toolbar-background: -1;
|
|
$z-index-toolbar-buttons: 99;
|
|
|
|
$z-index-backdrop: 2;
|
|
$z-index-overlay-wrapper: 10;
|
|
|
|
$z-index-item-options: 1;
|
|
$z-index-item-input: 2;
|
|
$z-index-item-divider: 100;
|
|
|
|
$z-index-reorder-selected: 100;
|