-
Notifications
You must be signed in to change notification settings - Fork 0
/
global.scss
68 lines (55 loc) · 1.7 KB
/
global.scss
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
/*
* App Global CSS
* ----------------------------------------------------------------------------
* Put style rules here that you want to apply globally. These styles are for
* the entire app and not just one component. Additionally, this file can be
* used as an entry point to import other CSS/Sass files to be included in the
* output CSS.
* For more information on global stylesheets, visit the documentation:
* https://ionicframework.com/docs/layout/global-stylesheets
*/
/* Core CSS required for Ionic components to work properly */
@import '@ionic/angular/css/core.css';
/* Basic CSS for apps built with Ionic */
@import '@ionic/angular/css/normalize.css';
@import '@ionic/angular/css/structure.css';
@import '@ionic/angular/css/typography.css';
@import '@ionic/angular/css/display.css';
/* Optional CSS utils that can be commented out */
@import '@ionic/angular/css/padding.css';
@import '@ionic/angular/css/float-elements.css';
@import '@ionic/angular/css/text-alignment.css';
@import '@ionic/angular/css/text-transformation.css';
@import '@ionic/angular/css/flex-utils.css';
@import '@ionic/angular/css/palettes/dark.system.css';
.main-content {
--background: linear-gradient(white, var(--ion-color-secondary));
}
@media (prefers-color-scheme: dark) {
.main-content {
--background: linear-gradient(var(--ion-background-color), var(--ion-color-secondary));
}
}
.list-ios {
background: transparent;
}
.list-md {
background: transparent;
}
.item {
--background: transparent;
}
ion-list-header {
--background: transparent;
}
ion-card {
border-radius: 20px;
}
ion-select::part(icon) {
width: 20px;
border: 1px solid;
border-radius: 4px;
}
ion-select::part(text) {
margin-right: 1rem;
}