Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit 8177502617ce7e91ded4c1545423cf0c30aa609c

Authored by =
1 parent 87d5d8137b
Exists in master and in 1 other branch validar_pve

Carrousel con selector circular

Showing 1 changed file with 9 additions and 0 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 3
4 html, 4 html,
5 body { 5 body {
6 background-color: rgb(245, 245, 245); 6 background-color: rgb(245, 245, 245);
7 overflow: hidden; 7 overflow: hidden;
8 } 8 }
9 9
10 .blur { 10 .blur {
11 filter: blur(10px); 11 filter: blur(10px);
12 -webkit-filter: blur(10px); 12 -webkit-filter: blur(10px);
13 } 13 }
14 14
15 .disable-user-select { 15 .disable-user-select {
16 -webkit-user-select: none; 16 -webkit-user-select: none;
17 -moz-user-select: none; 17 -moz-user-select: none;
18 -ms-user-select: none; 18 -ms-user-select: none;
19 user-select: none; 19 user-select: none;
20 } 20 }
21 21
22 .blue-gradient { 22 .blue-gradient {
23 background: linear-gradient(0deg, rgb(20, 56, 68), rgb(252, 252, 252)); 23 background: linear-gradient(0deg, rgb(20, 56, 68), rgb(252, 252, 252));
24 } 24 }
25 25
26 .rounded { 26 .rounded {
27 border-radius: 1.5rem !important; 27 border-radius: 1.5rem !important;
28 } 28 }
29 29
30 .rounded-sm { 30 .rounded-sm {
31 border-radius: 0.75rem !important; 31 border-radius: 0.75rem !important;
32 } 32 }
33 33
34 .card-effect { 34 .card-effect {
35 &:active, 35 &:active,
36 img { 36 img {
37 background-color: #c9c9c9b3 !important; 37 background-color: #c9c9c9b3 !important;
38 transition: background-color 0.5s; 38 transition: background-color 0.5s;
39 } 39 }
40 &:focus, 40 &:focus,
41 img { 41 img {
42 background-color: #c9c9c9b3 !important; 42 background-color: #c9c9c9b3 !important;
43 transition: background-color 0.5s; 43 transition: background-color 0.5s;
44 } 44 }
45 } 45 }
46 46
47 .overflow-scroll { 47 .overflow-scroll {
48 overflow-y: auto !important; 48 overflow-y: auto !important;
49 overflow-x: hidden !important; 49 overflow-x: hidden !important;
50 &::-webkit-scrollbar { 50 &::-webkit-scrollbar {
51 width: 0.5em; 51 width: 0.5em;
52 } 52 }
53 &::-webkit-scrollbar-track { 53 &::-webkit-scrollbar-track {
54 border-radius: 10px; 54 border-radius: 10px;
55 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); 55 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
56 } 56 }
57 &::-webkit-scrollbar-thumb { 57 &::-webkit-scrollbar-thumb {
58 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7); 58 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
59 outline: 1px solid slategrey; 59 outline: 1px solid slategrey;
60 border-radius: 10px; 60 border-radius: 10px;
61 height: 12px; 61 height: 12px;
62 &:active { 62 &:active {
63 -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9); 63 -webkit-box-shadow: inset 0 0 8px rgba(255, 0, 0, 0.9);
64 } 64 }
65 } 65 }
66 &::-webkit-scrollbar-corner { 66 &::-webkit-scrollbar-corner {
67 border-radius: 10px; 67 border-radius: 10px;
68 } 68 }
69 } 69 }
70 70
71 .icon-dim { 71 .icon-dim {
72 height: 40px !important; 72 height: 40px !important;
73 width: auto !important; 73 width: auto !important;
74 background-color: white !important; 74 background-color: white !important;
75 } 75 }
76
77 .carousel-indicators li{
78 width: 10px !important;
79 height: 10px !important;
80 border-radius: 15px !important;
81 border-top: black !important;
82 border-bottom: black !important;
83 }
84
76 85