FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
ionic/src/components/loading/loading.ios.scss at master · javascript2016/ionic · GitHub
javascript2016
ionic
Repository navigation
Code
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
ionic
/
src
/
components
/
loading
/
loading.ios.scss
Copy path
More file actions
More file actions
Latest commit
History
History
History
110 lines (75 loc) · 3.31 KB
Breadcrumbs
ionic
/
src
/
components
/
loading
/
loading.ios.scss
Copy path
File metadata and controls
110 lines (75 loc) · 3.31 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
@import
"
../../themes/ionic.globals
"
;
//
iOS Loading Indicator
//
--------------------------------------------------
//
deprecated
$loading-ios-padding
: null
!default
;
///
@prop
- Padding top of the loading wrapper
$loading-ios-padding-top
:
24
px
!default
;
///
@prop
- Padding end of the loading wrapper
$loading-ios-padding-end
:
34
px
!default
;
///
@prop
- Padding bottom of the loading wrapper
$loading-ios-padding-bottom
:
$loading-ios-padding-top
!default
;
///
@prop
- Padding start of the loading wrapper
$loading-ios-padding-start
:
$loading-ios-padding-end
!default
;
///
@prop
- Max width of the loading wrapper
$loading-ios-max-width
:
270
px
!default
;
///
@prop
- Maximum height of the loading wrapper
$loading-ios-max-height
:
90
%
!default
;
///
@prop
- Border radius of the loading wrapper
$loading-ios-border-radius
:
8
px
!default
;
///
@prop
- Text color of the loading wrapper
$loading-ios-text-color
:
#000
!default
;
///
@prop
- Background of the loading wrapper
$loading-ios-background
:
#f8f8f8
!default
;
///
@prop
- Font weight of the loading content
$loading-ios-content-font-weight
:
bold
!default
;
///
@prop
- Margin start of the loading content next to a spinner
$loading-ios-content-margin-start
:
$content-ios-margin
!default
;
///
@prop
- Color of the loading spinner
$loading-ios-spinner-color
:
#69717d
!default
;
///
@prop
- Color of the ios loading spinner
$loading-ios-spinner-ios-color
:
$loading-ios-spinner-color
!default
;
///
@prop
- Color of the bubbles loading spinner
$loading-ios-spinner-bubbles-color
:
$loading-ios-spinner-color
!default
;
///
@prop
- Color of the circles loading spinner
$loading-ios-spinner-circles-color
:
$loading-ios-spinner-color
!default
;
///
@prop
- Color of the crescent loading spinner
$loading-ios-spinner-crescent-color
:
$loading-ios-spinner-color
!default
;
///
@prop
- Color of the dots loading spinner
$loading-ios-spinner-dots-color
:
$loading-ios-spinner-color
!default
;
.loading-ios
.loading-wrapper
{
@include
border-radius
(
$loading-ios-border-radius
);
max-width
:
$loading-ios-max-width
;
max-height
:
$loading-ios-max-height
;
color
:
$loading-ios-text-color
;
background
:
$loading-ios-background
;
@include
deprecated-variable
(
padding
,
$loading-ios-padding
) {
@include
padding
(
$loading-ios-padding-top
,
$loading-ios-padding-end
,
$loading-ios-padding-bottom
,
$loading-ios-padding-start
);
}
}
//
iOS Loading Content
//
-----------------------------------------
.loading-ios
.loading-content
{
font-weight
:
$loading-ios-content-font-weight
;
}
.loading-ios
.loading-spinner
+
.loading-content
{
@include
margin-horizontal
(
$loading-ios-content-margin-start
, null);
}
//
iOS Loading Spinner fill colors
//
-----------------------------------------
.loading-ios
.spinner-ios
line
,
.loading-ios
.spinner-ios-small
line
{
stroke
:
$loading-ios-spinner-ios-color
;
}
.loading-ios
.spinner-bubbles
circle
{
fill
:
$loading-ios-spinner-bubbles-color
;
}
.loading-ios
.spinner-circles
circle
{
fill
:
$loading-ios-spinner-circles-color
;
}
.loading-ios
.spinner-crescent
circle
{
stroke
:
$loading-ios-spinner-crescent-color
;
}
.loading-ios
.spinner-dots
circle
{
fill
:
$loading-ios-spinner-dots-color
;
}
Back
|
FazBrowse Home
|
New Git URL