📦 ionic-team / ionic-framework

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
// Global Utility Functions
@import "./ionic.functions.string";

// Global Color Functions
@import "./ionic.functions.color";

// Global Font Functions
@import "./ionic.functions.font";

// Global Mixins
@import "./ionic.mixins";

// Default Theme
@import "./ionic.theme.default";


// Default General
// --------------------------------------------------
$font-family-base:                  var(--ion-font-family, inherit);

// Hairlines width
$hairlines-width: .55px;

// 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
);

// Input placeholder opacity
// Ensures that the placeholder has the
// correct color contrast against the background.
$placeholder-opacity: var(--ion-placeholder-opacity, 0.6);

$form-control-label-margin: 16px;

// How much the stacked labels should be scaled by
/// The value 0.75 is used to match the MD spec.
/// iOS does not have a floating label design spec, so we standardize on 0.75.
$form-control-label-stacked-scale: 0.75;


// Z-Index
// --------------------------------------------------
// Grouped by elements which would be siblings

$z-index-menu-overlay:           1000;
$z-index-overlay:                1001;

$z-index-fixed-content:          999;
$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;