@osovitny/anatoly 2.14.106 → 2.14.107
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/jsons/countries.json +994 -0
- package/assets/jsons/timezones.json +554 -0
- package/assets/jsons/usStates.json +202 -0
- package/assets/styles/scss/alerts.scss +168 -0
- package/assets/styles/scss/dialog/dialog.scss +49 -0
- package/assets/styles/scss/forms/contactus-form.scss +111 -0
- package/assets/styles/scss/forms/form-validation.scss +56 -0
- package/assets/styles/scss/mixins/_cards.scss +99 -0
- package/assets/styles/scss/pnlLoading.scss +20 -0
- package/assets/styles/scss/spinkit/sk-line-material.scss +61 -0
- package/assets/styles/scss/spinner.scss +22 -0
- package/assets/styles/scss/toastr.scss +192 -0
- package/assets/styles/styles.scss +33 -0
- package/package.json +1 -1
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
.sk-line-material {
|
|
2
|
+
top: 0 ;
|
|
3
|
+
position: relative;
|
|
4
|
+
margin: auto;
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.sk-line-material .sk-child {
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 4px;
|
|
11
|
+
position: absolute;
|
|
12
|
+
top:0;
|
|
13
|
+
display: inline-block;
|
|
14
|
+
transform-origin: 0% 0%;
|
|
15
|
+
-webkit-animation: sk-line-material 2s ease-in-out 0s infinite both;
|
|
16
|
+
animation: sk-line-material 2s ease-in-out 0s infinite both;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
@-webkit-keyframes sk-line-material {
|
|
20
|
+
0%, 80%, 100% {
|
|
21
|
+
-webkit-transform: scaleX(0);
|
|
22
|
+
transform: scaleX(0);
|
|
23
|
+
}
|
|
24
|
+
40% {
|
|
25
|
+
-webkit-transform: scaleX(1);
|
|
26
|
+
transform: scaleX(1);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@keyframes sk-line-material {
|
|
31
|
+
0% {
|
|
32
|
+
-webkit-transform: scaleX(0);
|
|
33
|
+
transform: scaleX(0);
|
|
34
|
+
}
|
|
35
|
+
100% {
|
|
36
|
+
-webkit-transform: scaleX(1);
|
|
37
|
+
transform: scaleX(1);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
#http-loader {
|
|
42
|
+
top: 0;
|
|
43
|
+
left: 0;
|
|
44
|
+
height: 100%;
|
|
45
|
+
width: 100%;
|
|
46
|
+
position: fixed;
|
|
47
|
+
z-index: 9999;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.loader-bg {
|
|
51
|
+
height: 100%;
|
|
52
|
+
width: 100%;
|
|
53
|
+
position: absolute;
|
|
54
|
+
filter: alpha(opacity=70);
|
|
55
|
+
opacity: 1;
|
|
56
|
+
background-color: rgba(0,0,0,0);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.colored-parent, .colored > div {
|
|
60
|
+
background-color: rgba(26, 188, 156, 0.80);
|
|
61
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
#http-loader {
|
|
2
|
+
top: 0;
|
|
3
|
+
left: 0;
|
|
4
|
+
height: 100%;
|
|
5
|
+
width: 100%;
|
|
6
|
+
position: fixed;
|
|
7
|
+
z-index: 9999;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.loader-bg {
|
|
11
|
+
height: 100%;
|
|
12
|
+
width: 100%;
|
|
13
|
+
position: absolute;
|
|
14
|
+
filter: alpha(opacity=70);
|
|
15
|
+
opacity: 0.7;
|
|
16
|
+
background-color: #f1f1f1;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.colored-parent,
|
|
20
|
+
.colored > div {
|
|
21
|
+
background-color: #333;
|
|
22
|
+
}
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
|
|
2
|
+
|
|
3
|
+
/* position */
|
|
4
|
+
.toast-center-center {
|
|
5
|
+
top: 50%;
|
|
6
|
+
left: 50%;
|
|
7
|
+
transform: translate(-50%, -50%);
|
|
8
|
+
}
|
|
9
|
+
.toast-top-center {
|
|
10
|
+
top: 0;
|
|
11
|
+
right: 0;
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
14
|
+
.toast-bottom-center {
|
|
15
|
+
bottom: 0;
|
|
16
|
+
right: 0;
|
|
17
|
+
width: 100%;
|
|
18
|
+
}
|
|
19
|
+
.toast-top-full-width {
|
|
20
|
+
top: 0;
|
|
21
|
+
right: 0;
|
|
22
|
+
width: 100%;
|
|
23
|
+
}
|
|
24
|
+
.toast-bottom-full-width {
|
|
25
|
+
bottom: 0;
|
|
26
|
+
right: 0;
|
|
27
|
+
width: 100%;
|
|
28
|
+
}
|
|
29
|
+
.toast-top-left {
|
|
30
|
+
top: 12px;
|
|
31
|
+
left: 12px;
|
|
32
|
+
}
|
|
33
|
+
.toast-top-right {
|
|
34
|
+
top: 12px;
|
|
35
|
+
right: 12px;
|
|
36
|
+
}
|
|
37
|
+
.toast-bottom-right {
|
|
38
|
+
right: 12px;
|
|
39
|
+
bottom: 12px;
|
|
40
|
+
}
|
|
41
|
+
.toast-bottom-left {
|
|
42
|
+
bottom: 12px;
|
|
43
|
+
left: 12px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
/* toast styles */
|
|
47
|
+
.toast-title {
|
|
48
|
+
font-weight: bold;
|
|
49
|
+
}
|
|
50
|
+
.toast-message {
|
|
51
|
+
word-wrap: break-word;
|
|
52
|
+
}
|
|
53
|
+
.toast-message a,
|
|
54
|
+
.toast-message label {
|
|
55
|
+
color: #FFFFFF;
|
|
56
|
+
}
|
|
57
|
+
.toast-message a:hover {
|
|
58
|
+
color: #CCCCCC;
|
|
59
|
+
text-decoration: none;
|
|
60
|
+
}
|
|
61
|
+
.toast-close-button {
|
|
62
|
+
position: relative;
|
|
63
|
+
right: -0.3em;
|
|
64
|
+
top: -0.3em;
|
|
65
|
+
float: right;
|
|
66
|
+
font-size: 20px;
|
|
67
|
+
font-weight: bold;
|
|
68
|
+
color: #FFFFFF;
|
|
69
|
+
text-shadow: 0 1px 0 #ffffff;
|
|
70
|
+
/* opacity: 0.8; */
|
|
71
|
+
}
|
|
72
|
+
.toast-close-button:hover,
|
|
73
|
+
.toast-close-button:focus {
|
|
74
|
+
color: #000000;
|
|
75
|
+
text-decoration: none;
|
|
76
|
+
cursor: pointer;
|
|
77
|
+
opacity: 0.4;
|
|
78
|
+
}
|
|
79
|
+
/*Additional properties for button version
|
|
80
|
+
iOS requires the button element instead of an anchor tag.
|
|
81
|
+
If you want the anchor version, it requires `href="#"`.*/
|
|
82
|
+
button.toast-close-button {
|
|
83
|
+
padding: 0;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
background: transparent;
|
|
86
|
+
border: 0;
|
|
87
|
+
}
|
|
88
|
+
.toast-container {
|
|
89
|
+
pointer-events: none;
|
|
90
|
+
position: fixed;
|
|
91
|
+
z-index: 999999;
|
|
92
|
+
}
|
|
93
|
+
.toast-container * {
|
|
94
|
+
box-sizing: border-box;
|
|
95
|
+
}
|
|
96
|
+
.toast-container .ngx-toastr {
|
|
97
|
+
position: relative;
|
|
98
|
+
overflow: hidden;
|
|
99
|
+
margin: 0 0 6px;
|
|
100
|
+
padding: 15px 15px 15px 50px;
|
|
101
|
+
width: 300px;
|
|
102
|
+
border-radius: 3px 3px 3px 3px;
|
|
103
|
+
background-position: 15px center;
|
|
104
|
+
background-repeat: no-repeat;
|
|
105
|
+
background-size: 24px;
|
|
106
|
+
box-shadow: 0 0 12px #999999;
|
|
107
|
+
color: #FFFFFF;
|
|
108
|
+
}
|
|
109
|
+
.toast-container .ngx-toastr:hover {
|
|
110
|
+
box-shadow: 0 0 12px #000000;
|
|
111
|
+
opacity: 1;
|
|
112
|
+
cursor: pointer;
|
|
113
|
+
}
|
|
114
|
+
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
|
|
115
|
+
.toast-info {
|
|
116
|
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
|
|
117
|
+
}
|
|
118
|
+
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
|
|
119
|
+
.toast-error {
|
|
120
|
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
|
|
121
|
+
}
|
|
122
|
+
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
|
|
123
|
+
.toast-success {
|
|
124
|
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
|
|
125
|
+
}
|
|
126
|
+
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
|
|
127
|
+
.toast-warning {
|
|
128
|
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
|
|
129
|
+
}
|
|
130
|
+
.toast-container.toast-top-center .ngx-toastr,
|
|
131
|
+
.toast-container.toast-bottom-center .ngx-toastr {
|
|
132
|
+
width: 300px;
|
|
133
|
+
margin-left: auto;
|
|
134
|
+
margin-right: auto;
|
|
135
|
+
}
|
|
136
|
+
.toast-container.toast-top-full-width .ngx-toastr,
|
|
137
|
+
.toast-container.toast-bottom-full-width .ngx-toastr {
|
|
138
|
+
width: 96%;
|
|
139
|
+
margin-left: auto;
|
|
140
|
+
margin-right: auto;
|
|
141
|
+
}
|
|
142
|
+
.ngx-toastr {
|
|
143
|
+
background-color: #030303;
|
|
144
|
+
pointer-events: auto;
|
|
145
|
+
}
|
|
146
|
+
.toast-success {
|
|
147
|
+
background-color: #51A351;
|
|
148
|
+
}
|
|
149
|
+
.toast-error {
|
|
150
|
+
background-color: #BD362F;
|
|
151
|
+
}
|
|
152
|
+
.toast-info {
|
|
153
|
+
background-color: #2F96B4;
|
|
154
|
+
}
|
|
155
|
+
.toast-warning {
|
|
156
|
+
background-color: #F89406;
|
|
157
|
+
}
|
|
158
|
+
.toast-progress {
|
|
159
|
+
position: absolute;
|
|
160
|
+
left: 0;
|
|
161
|
+
bottom: 0;
|
|
162
|
+
height: 4px;
|
|
163
|
+
background-color: #000000;
|
|
164
|
+
opacity: 0.4;
|
|
165
|
+
}
|
|
166
|
+
/* Responsive Design */
|
|
167
|
+
@media all and (max-width: 240px) {
|
|
168
|
+
.toast-container .ngx-toastr.div {
|
|
169
|
+
padding: 8px 8px 8px 50px;
|
|
170
|
+
width: 11em;
|
|
171
|
+
}
|
|
172
|
+
.toast-container .toast-close-button {
|
|
173
|
+
right: -0.2em;
|
|
174
|
+
top: -0.2em;
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
@media all and (min-width: 241px) and (max-width: 480px) {
|
|
178
|
+
.toast-container .ngx-toastr.div {
|
|
179
|
+
padding: 8px 8px 8px 50px;
|
|
180
|
+
width: 18em;
|
|
181
|
+
}
|
|
182
|
+
.toast-container .toast-close-button {
|
|
183
|
+
right: -0.2em;
|
|
184
|
+
top: -0.2em;
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
@media all and (min-width: 481px) and (max-width: 768px) {
|
|
188
|
+
.toast-container .ngx-toastr.div {
|
|
189
|
+
padding: 15px 15px 15px 50px;
|
|
190
|
+
width: 25em;
|
|
191
|
+
}
|
|
192
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// @osovitny/anatoly
|
|
2
|
+
@import "./scss/alerts";
|
|
3
|
+
@import "./scss/pnlLoading";
|
|
4
|
+
@import "./scss/toastr";
|
|
5
|
+
@import "./scss/dialog/dialog";
|
|
6
|
+
@import "./scss/forms/contactus-form";
|
|
7
|
+
@import "./scss/forms/form-validation";
|
|
8
|
+
@import "./scss/spinner";
|
|
9
|
+
@import "./scss/spinkit/sk-line-material";
|
|
10
|
+
|
|
11
|
+
//Mixins
|
|
12
|
+
@import "./scss/mixins/cards";
|
|
13
|
+
|
|
14
|
+
/*******************
|
|
15
|
+
no data
|
|
16
|
+
*******************/
|
|
17
|
+
.no-data {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
align-content: center;
|
|
21
|
+
justify-content: center;
|
|
22
|
+
text-align: center;
|
|
23
|
+
|
|
24
|
+
.loading,
|
|
25
|
+
.loaded {
|
|
26
|
+
padding: 30px;
|
|
27
|
+
|
|
28
|
+
svg,
|
|
29
|
+
i {
|
|
30
|
+
margin: 20px;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|