Skip to content

Commit c1fe4ef

Browse files
ttaylordevttaylordev
committed
re-added files that got deleted
1 parent 3604160 commit c1fe4ef

File tree

3 files changed

+179
-1
lines changed

3 files changed

+179
-1
lines changed

‎main/home/homeStyles.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@import "./variables";
1+
@import "./../variables";
22
// @import "./../inputSlider";
33

44
/////////////////////////////

‎main/mountain/clouds.scss‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
.cloud,
2+
.cloud:after,
3+
.cloud:before {
4+
position: absolute;
5+
padding: 0px;
6+
margin: 0px;
7+
content: '';
8+
width: 75px;
9+
height: 30px;
10+
background: rgb(177, 190, 191);
11+
-webkit-border-radius: 100px / 50px;
12+
border-radius: 100px / 50px;
13+
pointer-events: none;
14+
}
15+
.cloud {
16+
top: 185px;
17+
padding: 0px;
18+
margin: 0px;
19+
-webkit-animation: cloud 50s infinite linear;
20+
animation: cloud 50s infinite linear;
21+
box-shadow: -5px -2px 4px rgba(215, 244, 246, 0.9);
22+
z-index: -4;
23+
24+
}
25+
@-webkit-keyframes cloud {
26+
0% {
27+
left: -100px;
28+
}
29+
100% {
30+
left: 110vw;
31+
}
32+
}
33+
@keyframes cloud {
34+
0% {
35+
left: -100px;
36+
}
37+
100% {
38+
left: 110vw;
39+
}
40+
}
41+
.cloud:before {
42+
content: '';
43+
left: 31px;
44+
top: -14px;
45+
padding: 0px;
46+
margin: 0px;
47+
box-shadow: 5px -1px 4px white
48+
}
49+
.cloud:after {
50+
content: '';
51+
left: 31px;
52+
top: -14px;
53+
top: 2px;
54+
left: 47px;
55+
padding: 0px;
56+
margin: 0px;
57+
box-shadow: 7px -1px 4px white
58+
}

‎main/mountain/inputSlider.scss‎

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
@import "./../variables";
2+
////////////////////////////
3+
// <----- Trackbar -----> //
4+
////////////////////////////
5+
// .sliderWrapper {
6+
// width: 500px;
7+
// margin: 300px 0 0;
8+
// transition: all 1s;
9+
// transform-origin: 50% 50%;
10+
// }
11+
// #sliderSun {
12+
// transition: transform 1s;
13+
// }
14+
// html:active .sliderWrapper {
15+
// transform: rotate(180deg);
16+
// }
17+
// html:active #sliderSun {
18+
// transform: rotate(-180deg);
19+
// }
20+
// input[type=range]:focus::-webkit-slider-thumb {
21+
// background: $moonGrey;
22+
// }
23+
input[type=range] {
24+
-webkit-appearance: none;
25+
width: 75%;
26+
margin: 2.05px 0;
27+
background: transparent;
28+
29+
}
30+
input[type=range]:focus {
31+
outline: none;
32+
}
33+
input[type=range]::-webkit-slider-thumb {
34+
box-shadow: 0 0 0.1px $navFontColor, 0 0 0 $navFontColor;
35+
height: 8vw;
36+
width: 8vw;
37+
border-radius: 50%;
38+
background: $sunYellow;
39+
cursor: pointer;
40+
-webkit-appearance: none;
41+
margin-top: 1.5em;
42+
}
43+
input[type=range]::-moz-range-thumb {
44+
box-shadow: 0 0 0.1px $navFontColor, 0 0 0 $navFontColor;
45+
height: 8vw;
46+
width: 8vw;
47+
border-radius: 50%;
48+
background: $sunYellow;
49+
cursor: pointer;
50+
margin-top: 1.5em;
51+
}
52+
input[type=range]::-ms-thumb {
53+
box-shadow: 0 0 0.1px $navFontColor, 0 0 0 $navFontColor;
54+
height: 8vw;
55+
width: 8vw;
56+
border-radius: 50%;
57+
background: $sunYellow;
58+
cursor: pointer;
59+
margin-top: 1.5em;
60+
}
61+
input[type=range]:focus::-webkit-slider-runnable-track {
62+
// background: rgba(126, 126, 126, 0.9);
63+
background: transparent;
64+
65+
-webkit-transition-timing-function: cubic-bezier(0,0,1,1);
66+
}
67+
input[type=range]::-webkit-slider-runnable-track {
68+
width: 70%;
69+
height: 10.9px;
70+
cursor: pointer;
71+
background: transparent;
72+
73+
// background: $darkGrey;
74+
-webkit-transition-timing-function: cubic-bezier(0,0,1,1);
75+
}
76+
input[type=range]::-moz-range-track {
77+
width: 70%;
78+
height: 10.9px;
79+
cursor: pointer;
80+
background: transparent;
81+
82+
// box-shadow: 0 0 15px rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
83+
// background: $darkGrey;
84+
// border: 2.6px solid rgba(152, 152, 152, 0.3) rgba(152, 152, 152, 0.3);
85+
}
86+
input[type=range]::-ms-track {
87+
width: 70%;
88+
height: 10.9px;
89+
cursor: pointer;
90+
background: transparent;
91+
border-color: transparent;
92+
color: transparent;
93+
}
94+
input[type=range]::-ms-fill-lower {
95+
// background: #000000;
96+
// border: 2.6px solid rgba(152, 152, 152, 0.3);
97+
border-radius: 13px;
98+
background: transparent;
99+
100+
// box-shadow: 0 0 15px rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
101+
}
102+
input[type=range]::-ms-fill-upper {
103+
// background: $darkGrey;
104+
// border: 2.6px solid rgba(152, 152, 152, 0.3);
105+
border-radius: 13px;
106+
background: transparent;
107+
108+
// box-shadow: 0 0 15px rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);
109+
}
110+
input[type=range]:focus::-ms-fill-lower {
111+
// background: $darkGrey;
112+
background: transparent;
113+
114+
}
115+
input[type=range]:focus::-ms-fill-upper {
116+
// background: rgba(126, 126, 126, 0.9);
117+
background: transparent;
118+
119+
}
120+
// end of trackbar...

0 commit comments

Comments
 (0)