finalized JS DOM

This commit is contained in:
Philippe Torrel
2026-07-20 12:57:48 +02:00
parent 0a69891333
commit 549c2ac243
32 changed files with 772 additions and 42 deletions

View File

@@ -0,0 +1,76 @@
@charset "UTF-8";
/* Color Theme Swatches in Hex */
/* Color Theme Swatches in RGBA */
*,
html {
box-sizing: border-box;
}
html,
body {
height: 100%;
background-color: #f7eedf;
}
.m-cutey-cat h2 {
color: #7aa67a;
}
.m-cutey-cat .box-cat-selection {
position: fixed;
}
.m-cutey-cat ul.list {
margin: 0;
padding: 0;
list-style: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2rem;
}
.m-cutey-cat ul.list li {
min-width: 400px;
background-color: #feaea5;
margin: 0 0 10px;
user-select: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
transition: all 0.4s cubic-bezier(0.52, 0.02, 0.43, 1.39);
}
.m-cutey-cat ul.list li:not(.selected):hover {
background-color: #fd8173;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
transform: scale(1.1);
}
.m-cutey-cat ul.list li:not(.selected):hover img {
border-width: 0;
}
.m-cutey-cat ul.list li img {
width: 120px;
border: 10px solid rgba(255, 255, 255, 0.6);
transition: all 0.4s;
}
.m-cutey-cat ul.list li span {
color: white;
padding: 0 1rem;
letter-spacing: 2px;
}
.m-cutey-cat ul.list.list-cat-vote li.selected {
background-color: #ffdbd7;
opacity: 0.5;
}
.m-cutey-cat ul.list.list-cat-selection li {
background-color: #b7cfb7;
}
.m-cutey-cat ul.list.list-cat-selection li:hover {
background-color: #98bb98;
}
.m-cutey-cat ul.list.list-cat-selection li:hover::after {
position: absolute;
top: 30px;
right: 1.5rem;
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: white;
}
/*# sourceMappingURL=main.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/main.scss"],"names":[],"mappings":";AAEA;AAOA;AAWA;AAAA;EAEE;;;AAGF;AAAA;EAEE;EACA,kBAzBa;;;AA+Bb;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,kBA7CS;EA8CT;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAMA;EACE;EACA;;AAMJ;EACE,kBAxFO;;AAyFP;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}