sthag
62b21b5e68
Adapt everything to a class based prototype. - Functionality of clock still missing - Original version is hidden - Size now is dynamic - Parts can be added
40 lines
No EOL
728 B
SCSS
40 lines
No EOL
728 B
SCSS
@use "../hippie-style/hippie";
|
|
|
|
:root {
|
|
--clock-color-yellow: rgb(250, 216, 3);
|
|
--clock-color-orange: rgb(242, 175, 19);
|
|
--clock-color-pink: rgb(211, 10, 81);
|
|
--clock-color-purple: rgb(142, 31, 104);
|
|
--clock-color-blue: rgb(39, 63, 139);
|
|
--clock-color-pblue: rgb(60, 87, 154);
|
|
--clock-color-lblue: rgb(183, 224, 240);
|
|
--clock-color-lcyan: rgb(107, 199, 217);
|
|
--clock-color-cyan: rgb(82, 190, 209);
|
|
}
|
|
|
|
.body_clock {
|
|
main {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.wrap {
|
|
display: none;
|
|
position: relative;
|
|
|
|
canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
p {
|
|
text-align: center;
|
|
}
|
|
} |