Martin Macola / autoservicio

Download as
Browse Code ยป

Commit 0585b960eda79273af3f38181e74f5fa35d3aa44

Authored by Marcelo Puebla
1 parent b32ee7afaf
Exists in master

Codigo identao.

Showing 1 changed file with 2 additions and 6 deletions   Show diff stats
1 @import "./assets/scss/animation.scss"; 1 @import "./assets/scss/animation.scss";
2 @import "./assets/scss/bootstrap-override.scss"; 2 @import "./assets/scss/bootstrap-override.scss";
3 @import "../node_modules/bootstrap/scss/_variables.scss"; 3 @import "../node_modules/bootstrap/scss/_variables.scss";
4 4
5 html, 5 html,
6 body { 6 body {
7 height: 100%; 7 height: 100%;
8 background: linear-gradient( 8 background: linear-gradient(0deg, #e6e6e6, #fff);
9 0deg,
10 #e6e6e6,
11 #fff
12 );
13 font-family: bahnschrift; 9 font-family: bahnschrift;
14 overflow: hidden !important; 10 overflow: hidden !important;
15 } 11 }
16 12
17 .blur { 13 .blur {
18 filter: blur(10px); 14 filter: blur(10px);
19 -webkit-filter: blur(10px); 15 -webkit-filter: blur(10px);
20 } 16 }
21 17
22 .disable-user-select { 18 .disable-user-select {
23 -webkit-user-select: none; 19 -webkit-user-select: none;
24 -moz-user-select: none; 20 -moz-user-select: none;
25 -ms-user-select: none; 21 -ms-user-select: none;
26 user-select: none; 22 user-select: none;
27 } 23 }
28 24
29 .blue-gradient { 25 .blue-gradient {
30 background: linear-gradient(0deg, #ffffff00, $white); 26 background: linear-gradient(0deg, #ffffff00, $white);
31 } 27 }
32 28
33 .rounded { 29 .rounded {
34 border-radius: 1.5rem !important; 30 border-radius: 1.5rem !important;
35 } 31 }
36 32
37 .rounded-top-sm { 33 .rounded-top-sm {
38 border-top-left-radius: 0.75rem !important; 34 border-top-left-radius: 0.75rem !important;
39 border-top-right-radius: 0.75rem !important; 35 border-top-right-radius: 0.75rem !important;
40 } 36 }
41 37
42 .rounded-sm { 38 .rounded-sm {
43 border-radius: 0.75rem !important; 39 border-radius: 0.75rem !important;
44 } 40 }
45 41
46 .card-effect { 42 .card-effect {
47 &:active { 43 &:active {
48 background-color: #c9c9c9b3 !important; 44 background-color: #c9c9c9b3 !important;
49 transition: background-color 0.5s; 45 transition: background-color 0.5s;
50 } 46 }
51 &:focus { 47 &:focus {
52 background-color: #c9c9c9b3 !important; 48 background-color: #c9c9c9b3 !important;
53 transition: background-color 0.5s; 49 transition: background-color 0.5s;
54 } 50 }
55 } 51 }
56 52
57 .overflow-scroll { 53 .overflow-scroll {
58 overflow-y: auto !important; 54 overflow-y: auto !important;
59 overflow-x: hidden !important; 55 overflow-x: hidden !important;
60 &::-webkit-scrollbar { 56 &::-webkit-scrollbar {
61 width: 0.75em; 57 width: 0.75em;
62 } 58 }
63 &::-webkit-scrollbar-track { 59 &::-webkit-scrollbar-track {
64 border-radius: 10px; 60 border-radius: 10px;
65 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); 61 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
66 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); 62 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
67 background-color: $white; 63 background-color: $white;
68 } 64 }
69 &::-webkit-scrollbar-thumb { 65 &::-webkit-scrollbar-thumb {
70 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); 66 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
71 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); 67 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
72 outline: 1px solid slategrey; 68 outline: 1px solid slategrey;
73 border-radius: 10px; 69 border-radius: 10px;
74 height: 12px; 70 height: 12px;
75 &:active { 71 &:active {
76 box-shadow: inset 0 0 8px $primary; 72 box-shadow: inset 0 0 8px $primary;
77 -webkit-box-shadow: inset 0 0 8px $primary; 73 -webkit-box-shadow: inset 0 0 8px $primary;
78 } 74 }
79 } 75 }
80 &::-webkit-scrollbar-corner { 76 &::-webkit-scrollbar-corner {
81 border-radius: 10px; 77 border-radius: 10px;
82 } 78 }
83 } 79 }
84 80
85 .bg-gray { 81 .bg-gray {
86 background-color: #e6e6e6; 82 background-color: #e6e6e6;
87 } 83 }
88 84
89 .bg-primary-gradient { 85 .bg-primary-gradient {
90 background: linear-gradient( 86 background: linear-gradient(
91 135deg, 87 135deg,
92 rgba(40, 112, 175, 1) 0%, 88 rgba(40, 112, 175, 1) 0%,
93 rgba(0, 32, 66, 1) 100% 89 rgba(0, 32, 66, 1) 100%
94 ); 90 );
95 } 91 }
96 92
97 .bg-primary-gradient-horizontal { 93 .bg-primary-gradient-horizontal {
98 background: linear-gradient( 94 background: linear-gradient(
99 90deg, 95 90deg,
100 rgba(40, 112, 175, 1) 0%, 96 rgba(40, 112, 175, 1) 0%,
101 rgba(0, 32, 66, 1) 100% 97 rgba(0, 32, 66, 1) 100%
102 ); 98 );
103 } 99 }
104 100
105 .icon-dim { 101 .icon-dim {
106 height: 40px !important; 102 height: 40px !important;
107 width: auto !important; 103 width: auto !important;
108 background-color: white !important; 104 background-color: white !important;
109 } 105 }
110 106
111 .text-purple { 107 .text-purple {
112 color: $purple; 108 color: $purple;
113 } 109 }
114 110
115 .vh-70 { 111 .vh-70 {
116 min-height: auto !important; 112 min-height: auto !important;
117 max-height: 70vh !important; 113 max-height: 70vh !important;
118 } 114 }
119 115
120 .vh-60 { 116 .vh-60 {
121 min-height: auto !important; 117 min-height: auto !important;
122 max-height: 60vh !important; 118 max-height: 60vh !important;
123 } 119 }
124 120
125 .vh-50 { 121 .vh-50 {
126 min-height: auto !important; 122 min-height: auto !important;
127 max-height: 50vh !important; 123 max-height: 50vh !important;
128 } 124 }
129 125
130 .spinner-lg { 126 .spinner-lg {
131 width: 3rem !important; 127 width: 3rem !important;
132 height: 3rem !important; 128 height: 3rem !important;
133 } 129 }
134 130
135 .sidebar { 131 .sidebar {
136 right: 0; 132 right: 0;
137 } 133 }
138 134
139 .background-image { 135 .background-image {
140 background-repeat: no-repeat; 136 background-repeat: no-repeat;
141 background-size: cover; 137 background-size: cover;
142 position: fixed; 138 position: fixed;
143 } 139 }
144 140
145 .rounded-bottom-right { 141 .rounded-bottom-right {
146 border-bottom-right-radius: 10rem; 142 border-bottom-right-radius: 10rem;
147 &:before { 143 &:before {
148 border-radius: 0 40px 40px 0; 144 border-radius: 0 40px 40px 0;
149 background-color: #fff; 145 background-color: #fff;
150 } 146 }
151 } 147 }
152 148
153 .rounded-top-left { 149 .rounded-top-left {
154 border-top-left-radius: 10rem; 150 border-top-left-radius: 10rem;
155 } 151 }
156 152
157 .bg-gray { 153 .bg-gray {
158 background-color: #cccccc; 154 background-color: #cccccc;
159 } 155 }
160 156
161 .cdk-overlay-container { 157 .cdk-overlay-container {
162 position: absolute; 158 position: absolute;
163 top: 65%; 159 top: 65%;
164 width: 100%; 160 width: 100%;
165 } 161 }
166 162
167 .min-h-40 { 163 .min-h-40 {
168 min-height: 40px; 164 min-height: 40px;
169 } 165 }
170 166
171 .min-h-55 { 167 .min-h-55 {
172 min-height: 55px; 168 min-height: 55px;
173 } 169 }
174 170
175 .pagination { 171 .pagination {
176 justify-content: center !important; 172 justify-content: center !important;
177 display: flex !important; 173 display: flex !important;
178 } 174 }
179 175
180 .z-index-0 { 176 .z-index-0 {
181 z-index: 0; 177 z-index: 0;
182 } 178 }
183 179
184 .w-15 { 180 .w-15 {
185 width: 15% !important; 181 width: 15% !important;
186 }