explorak5_login_prueba 8.1 → 8.2
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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2e9ef22d5a86a25126b36b2b3fe1f23ec3a8049705603b2a10c4aee6ac06a399
|
|
4
|
+
data.tar.gz: 3fc462acf7fabbd41e0b8ad8b93017681f4036b9b57848b5c12c00103c197b00
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 723a4a5a7825f88cfca7df864c29d9a7cab4dbbb2b2f90f815511b641975b708b6e21ed4dd2b47f28ab20c3eaf2a2020084ecffadaabdbbd4a60a3468a7f928a
|
|
7
|
+
data.tar.gz: 1d7b694d0b4f14f51b37019f7387579e891856a5a33eb357e49836dde33379490f9f91e51ee531947b3c3dea686ac3c91ece37c775ea04b93d801e7366730dde
|
|
@@ -1,43 +1,14 @@
|
|
|
1
1
|
<style>
|
|
2
2
|
|
|
3
|
-
body.ic-Login-Body {
|
|
4
|
-
// background-color: var(--ic-brand-Login-body-bgd-color);
|
|
5
|
-
// background-image:
|
|
6
|
-
// linear-gradient(transparent, transparent 80%, var(--ic-brand-Login-body-bgd-shadow-color)),
|
|
7
|
-
// var(--ic-brand-Login-body-bgd-image); // if there is a custom image
|
|
8
|
-
// background-attachment: fixed;
|
|
9
|
-
// height: 100vh; // enable full height
|
|
3
|
+
body.ic-Login-Body {
|
|
10
4
|
background-size: cover;
|
|
11
|
-
// Agregado por explora k5
|
|
12
5
|
background-image: url("/images/images_k5/fondo.png");
|
|
13
6
|
background-repeat: no-repeat;
|
|
14
7
|
|
|
15
8
|
}
|
|
16
|
-
|
|
17
|
-
display: flex;
|
|
18
|
-
justify-content: center;
|
|
19
|
-
color: $ic-color-light;
|
|
20
|
-
}
|
|
21
|
-
.ic-Login__container {
|
|
22
|
-
margin-top: $ic-sp*2;
|
|
23
|
-
}
|
|
24
|
-
.ic-Login__content {
|
|
25
|
-
width: 400px;
|
|
26
|
-
margin: 0 auto;
|
|
27
|
-
background: var(--ic-brand-Login-Content-bgd-color);
|
|
28
|
-
border: 5px solid var(--ic-brand-Login-Content-border-color);
|
|
29
|
-
padding: $ic-sp;
|
|
30
|
-
border-radius: $ic-Login-border-radius;
|
|
31
|
-
}
|
|
32
|
-
.ic-Login__innerContent {
|
|
33
|
-
padding-top: $ic-sp*2;
|
|
34
|
-
background: var(--ic-brand-Login-Content-inner-bgd);
|
|
35
|
-
border: 2px solid var(--ic-brand-Login-Content-inner-border);
|
|
36
|
-
border-radius: $ic-Login-border-radius;
|
|
37
|
-
}
|
|
9
|
+
|
|
38
10
|
.ic-Login__title {
|
|
39
11
|
color: var(--ic-brand-Login-Content-label-text-color);
|
|
40
|
-
// Agregado por explora k5
|
|
41
12
|
text-align: center;
|
|
42
13
|
}
|
|
43
14
|
.ic-Login__text {
|
|
@@ -56,10 +27,7 @@ body.ic-Login-Body { // apply the background to the body element so that you don
|
|
|
56
27
|
.ic-Form-control--login .ic-Label {
|
|
57
28
|
color: var(--ic-brand-Login-Content-label-text-color) !important;
|
|
58
29
|
}
|
|
59
|
-
|
|
60
|
-
color: var(--ic-brand-Login-Content-password-text-color) !important;
|
|
61
|
-
text-decoration: underline;
|
|
62
|
-
}
|
|
30
|
+
|
|
63
31
|
.ic-Login__body__error {
|
|
64
32
|
display: block;
|
|
65
33
|
position:relative;
|
|
@@ -67,6 +35,81 @@ body.ic-Login-Body { // apply the background to the body element so that you don
|
|
|
67
35
|
#{direction(left)}: auto;
|
|
68
36
|
max-width: 400px;
|
|
69
37
|
}
|
|
38
|
+
.ic-Login__actions {
|
|
39
|
+
//display: flex;
|
|
40
|
+
align-items: center;
|
|
41
|
+
.ic-Login__actions-timeout {
|
|
42
|
+
flex: 1;
|
|
43
|
+
label {
|
|
44
|
+
color: var(--ic-brand-Login-Content-label-text-color);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
input[type="checkbox"] {
|
|
48
|
+
&:focus {
|
|
49
|
+
outline: 1px solid var(--ic-brand-Login-Content-password-text-color);
|
|
50
|
+
outline-offset: 1px;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
.ic-Login__actions--right {
|
|
55
|
+
flex: 1;
|
|
56
|
+
display: flex;
|
|
57
|
+
justify-content: flex-end;
|
|
58
|
+
}
|
|
59
|
+
.ic-Login__actions--left {
|
|
60
|
+
flex: 1;
|
|
61
|
+
text-align: direction(left);
|
|
62
|
+
}
|
|
63
|
+
.ic-Form-control {
|
|
64
|
+
margin-bottom: 0; // override to help vertical alignment
|
|
65
|
+
}
|
|
66
|
+
// simulating a ghost button to work for default high contrast login screen
|
|
67
|
+
.Button--login {
|
|
68
|
+
padding: $ic-sp*0.5 $ic-sp*3;
|
|
69
|
+
background: transparent;
|
|
70
|
+
color: var(--ic-brand-Login-Content-password-text-color);
|
|
71
|
+
border: 1px solid var(--ic-brand-Login-Content-password-text-color);
|
|
72
|
+
overflow: visible;
|
|
73
|
+
// Agregado por explora k5
|
|
74
|
+
width: 100%;
|
|
75
|
+
border-radius: 20px;
|
|
76
|
+
|
|
77
|
+
&::before {
|
|
78
|
+
content: "";
|
|
79
|
+
position: absolute;
|
|
80
|
+
top: -0.375rem;
|
|
81
|
+
#{direction(left)}: -0.375rem;
|
|
82
|
+
#{direction(right)}: -0.375rem;
|
|
83
|
+
bottom: -0.375rem;
|
|
84
|
+
border: 1px solid var(--ic-brand-Login-Content-password-text-color);
|
|
85
|
+
border-radius: 0.375rem;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&:focus {
|
|
90
|
+
box-shadow: none;
|
|
91
|
+
&::before {
|
|
92
|
+
opacity: 1;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
&::after {
|
|
97
|
+
content: "";
|
|
98
|
+
position: absolute;
|
|
99
|
+
top: 0;
|
|
100
|
+
#{direction(left)}: 0;
|
|
101
|
+
#{direction(right)}: 0;
|
|
102
|
+
bottom: 0;
|
|
103
|
+
border-radius: 0.175rem;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
&:hover::after {
|
|
107
|
+
background: var(--ic-brand-Login-Content-password-text-color);
|
|
108
|
+
opacity: 0.1;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
70
113
|
.btn-img-login-espol {
|
|
71
114
|
float: left;
|
|
72
115
|
width: 6%;
|