Skip to content

Commit 79dbbc7

Browse files
robotalehrobotaleh
committed
Añade utilidad OSHWDem Maze Generator
1 parent f23166d commit 79dbbc7

4 files changed

Lines changed: 1460 additions & 1 deletion

File tree

‎assets/css/custom.css‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ p {
7272
padding: 40px;
7373
}
7474

75-
.title {
75+
.title, .card-title {
7676
color: #1b176b;
7777
}
7878

@@ -405,4 +405,19 @@ header .overlay {
405405
.card.card-rotate.bg-blue .front,
406406
.card.card-rotate.bg-blue .back {
407407
background: linear-gradient(60deg, #2b2953, #1b176b);
408+
}
409+
410+
.utils-helpers .card:hover {
411+
cursor: pointer;
412+
box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1), 0 13px 24px -11px rgba(27, 23, 107, 0.3);
413+
transform: scale(1.01);
414+
transition: all 0.2s ease-in-out;
415+
}
416+
417+
.form-control, .is-focused .form-control {
418+
background-image: linear-gradient(to top, #292c6c 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
419+
}
420+
421+
select.form-control:not([size]):not([multiple]) {
422+
height: calc(2.4375rem + 2px - 5px);
408423
}

‎assets/css/range-input.css‎

Lines changed: 145 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
/*generated with Input range slider CSS style generator (version 20211225)
2+
https://toughengineer.github.io/demo/slider-styler*/
3+
input[type=range].styled-slider {
4+
height: 1em;
5+
-webkit-appearance: none;
6+
}
7+
8+
/*progress support*/
9+
input[type=range].styled-slider.slider-progress {
10+
--range: calc(var(--max) - var(--min));
11+
--ratio: calc((var(--value) - var(--min)) / var(--range));
12+
--sx: calc(0.5 * 1em + var(--ratio) * (100% - 1em));
13+
}
14+
15+
/*webkit*/
16+
input[type=range].styled-slider::-webkit-slider-thumb {
17+
-webkit-appearance: none;
18+
width: 1em;
19+
height: 1.5em;
20+
border-radius: 2em;
21+
background: #40438C;
22+
border: none;
23+
box-shadow: 0 0 2px black;
24+
margin-top: calc(max((1em - 1px - 1px) * 0.5,0px) - 1.5em * 0.5);
25+
}
26+
27+
input[type=range].styled-slider::-webkit-slider-runnable-track {
28+
height: 1em;
29+
border: 1px solid #b2b2b2;
30+
border-radius: 0.5em;
31+
background: #efefef;
32+
box-shadow: none;
33+
}
34+
35+
input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
36+
background: #e5e5e5;
37+
border-color: #9a9a9a;
38+
}
39+
40+
input[type=range].styled-slider:active::-webkit-slider-runnable-track {
41+
background: #f5f5f5;
42+
border-color: #c1c1c1;
43+
}
44+
45+
input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
46+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #efefef;
47+
}
48+
49+
input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
50+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #e5e5e5;
51+
}
52+
53+
input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
54+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #f5f5f5;
55+
}
56+
57+
/*mozilla*/
58+
input[type=range].styled-slider::-moz-range-thumb {
59+
width: 1em;
60+
height: 1.5em;
61+
border-radius: 2em;
62+
background: #40438C;
63+
border: none;
64+
box-shadow: 0 0 2px black;
65+
}
66+
67+
input[type=range].styled-slider::-moz-range-track {
68+
height: max(calc(1em - 1px - 1px),0px);
69+
border: 1px solid #b2b2b2;
70+
border-radius: 0.5em;
71+
background: #efefef;
72+
box-shadow: none;
73+
}
74+
75+
input[type=range].styled-slider:hover::-moz-range-track {
76+
background: #e5e5e5;
77+
border-color: #9a9a9a;
78+
}
79+
80+
input[type=range].styled-slider:active::-moz-range-track {
81+
background: #f5f5f5;
82+
border-color: #c1c1c1;
83+
}
84+
85+
input[type=range].styled-slider.slider-progress::-moz-range-track {
86+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #efefef;
87+
}
88+
89+
input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
90+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #e5e5e5;
91+
}
92+
93+
input[type=range].styled-slider.slider-progress:active::-moz-range-track {
94+
background: linear-gradient(#292C6C,#292C6C) 0/var(--sx) 100% no-repeat, #f5f5f5;
95+
}
96+
97+
/*ms*/
98+
input[type=range].styled-slider::-ms-fill-upper {
99+
background: transparent;
100+
border-color: transparent;
101+
}
102+
103+
input[type=range].styled-slider::-ms-fill-lower {
104+
background: transparent;
105+
border-color: transparent;
106+
}
107+
108+
input[type=range].styled-slider::-ms-thumb {
109+
width: 1em;
110+
height: 1.5em;
111+
border-radius: 2em;
112+
background: #40438C;
113+
border: none;
114+
box-shadow: 0 0 2px black;
115+
margin-top: 0;
116+
box-sizing: border-box;
117+
}
118+
119+
input[type=range].styled-slider::-ms-track {
120+
height: 1em;
121+
border-radius: 0.5em;
122+
background: #efefef;
123+
border: 1px solid #b2b2b2;
124+
box-shadow: none;
125+
box-sizing: border-box;
126+
}
127+
128+
input[type=range].styled-slider:hover::-ms-track {
129+
background: #e5e5e5;
130+
border-color: #9a9a9a;
131+
}
132+
133+
input[type=range].styled-slider:active::-ms-track {
134+
background: #f5f5f5;
135+
border-color: #c1c1c1;
136+
}
137+
138+
input[type=range].styled-slider.slider-progress::-ms-fill-lower {
139+
height: max(calc(1em - 1px - 1px),0px);
140+
border-radius: 0.5em 0 0 0.5em;
141+
margin: -1px 0 -1px -1px;
142+
background: #292C6C;
143+
border: 1px solid #b2b2b2;
144+
border-right-width: 0;
145+
}

0 commit comments

Comments
 (0)