update periodic table

This commit is contained in:
end-4
2024-04-16 23:04:07 +07:00
parent d76ff6fd87
commit 7fb85e62d5
5 changed files with 138 additions and 57 deletions
+50 -8
View File
@@ -72,14 +72,24 @@
.cheatsheet-periodictable-elementsymbol {
@include readingfont;
font-size: 1.6363rem;
font-size: 1.705rem;
font-weight: bold;
}
.cheatsheet-periodictable-element {
@include cheatsheet-periodictable-element;
.cheatsheet-periodictable-elementnum {
@include full-rounding;
min-width: 1.364rem;
min-height: 1.364rem;
background-color: $term0;
color: $onBackground;
}
$colormetal: $term2;
$colornonmetal: $term4;
$colornoblegas: $term5;
$colorlanthanum: $term3;
$coloractinium: $term7;
.cheatsheet-periodictable-empty {
@include small-rounding;
min-width: 5.455rem;
@@ -88,29 +98,61 @@
.cheatsheet-periodictable-metal {
@include cheatsheet-periodictable-element;
background-color: $term2;
background-color: $colormetal;
color: $term0;
}
.cheatsheet-periodictable-nonmetal {
@include cheatsheet-periodictable-element;
background-color: $term4;
background-color: $colornonmetal;
color: $term0;
}
.cheatsheet-periodictable-noblegas {
@include cheatsheet-periodictable-element;
background-color: $term5;
background-color: $colornoblegas;
color: $term0;
}
.cheatsheet-periodictable-lanthanum {
@include cheatsheet-periodictable-element;
background-color: $term3;
background-color: $colorlanthanum;
color: $term0;
}
.cheatsheet-periodictable-actinium {
@include cheatsheet-periodictable-element;
background-color: $term7;
background-color: $coloractinium;
color: $term0;
}
.cheatsheet-periodictable-legend-color-wrapper {
@include full-rounding;
padding: 0.273rem;
border: 0.136rem solid $onLayer0;
}
@mixin cheatsheet-periodictable-legend-color {
@include full-rounding;
min-width: 1.023rem;
min-height: 1.023rem;
}
.cheatsheet-periodictable-legend-color-metal {
@include cheatsheet-periodictable-legend-color;
background-color: $colormetal;
}
.cheatsheet-periodictable-legend-color-nonmetal {
@include cheatsheet-periodictable-legend-color;
background-color: $colornonmetal;
}
.cheatsheet-periodictable-legend-color-noblegas {
@include cheatsheet-periodictable-legend-color;
background-color: $colornoblegas;
}.cheatsheet-periodictable-legend-color-lanthanum {
@include cheatsheet-periodictable-legend-color;
background-color: $colorlanthanum;
}
.cheatsheet-periodictable-legend-color-actinium {
@include cheatsheet-periodictable-legend-color;
background-color: $coloractinium;
}
+3
View File
@@ -391,6 +391,9 @@
.margin-#{$dir}-#{$spacing} {
margin-#{$dir}: 0.068rem * $spacing;
}
.padding-#{$dir}-#{$spacing} {
padding-#{$dir}: 0.068rem * $spacing;
}
}
.padding-#{$spacing} {
padding: 0.068rem * $spacing;