make periodic table actually look good

This commit is contained in:
end-4
2024-04-16 18:23:16 +07:00
parent 8507600562
commit 705ac2019c
3 changed files with 203 additions and 166 deletions
+35 -2
View File
@@ -62,7 +62,7 @@
font-size: 1.705rem;
}
.cheatsheet-periodictable-element {
@mixin cheatsheet-periodictable-element {
min-width: 5.455rem;
min-height: 5.455rem;
@include small-rounding;
@@ -70,8 +70,41 @@
color: $onLayer1;
}
.cheatsheet-periodictable-element {
@include cheatsheet-periodictable-element;
}
.cheatsheet-periodictable-empty {
@include small-rounding;
min-width: 5.455rem;
min-height: 5.455rem;
@include small-rounding;
}
.cheatsheet-periodictable-metal {
@include cheatsheet-periodictable-element;
background-color: $term2;
color: $term0;
}
.cheatsheet-periodictable-nonmetal {
@include cheatsheet-periodictable-element;
background-color: $term4;
color: $term0;
}
.cheatsheet-periodictable-noblegas {
@include cheatsheet-periodictable-element;
background-color: $term5;
color: $term0;
}
.cheatsheet-periodictable-lanthanum {
@include cheatsheet-periodictable-element;
background-color: $term3;
color: $term0;
}
.cheatsheet-periodictable-actinium {
@include cheatsheet-periodictable-element;
background-color: $term7;
color: $term0;
}