diff --git a/src/style/molecules/_lists.scss b/src/style/molecules/_lists.scss index 7372c8d6..29c868e6 100644 --- a/src/style/molecules/_lists.scss +++ b/src/style/molecules/_lists.scss @@ -7,6 +7,10 @@ .talent-group { break-inside: avoid-column; + display: unset; + height: unset; + gap: unset; + padding: unset; } ul { diff --git a/src/style/molecules/_rollable.scss b/src/style/molecules/_rollable.scss index de8f7ac2..fbeda860 100644 --- a/src/style/molecules/_rollable.scss +++ b/src/style/molecules/_rollable.scss @@ -146,7 +146,7 @@ $rollable_colours_font: ( .value { width: 28px; height: 28px; - left: 0; + left: -1px; top: -2px; scale: 0.8; @@ -171,39 +171,22 @@ $rollable_colours_font: ( .die { stroke-width: 0.5; + svg { + + margin: -4px; + + path { + fill: $color; + stroke: colour.$rollable-die-border-color; + stroke-width: 5px; + } + } + span.value { color: $font_color; + } - .border { - fill: colour.$rollable-die-border-color; - stroke: colour.$rollable-die-border-color; - } - - .center { - fill: $color; - stroke: colour.$rollable-die-border-color; - } - - .topleft { - fill: color.adjust($color, $lightness: numbers.$lighter_factor); - stroke: colour.$rollable-die-border-color; - } - - .bottomleft { - fill: color.adjust($color, $lightness: numbers.$lightest_factor); - stroke: colour.$rollable-die-border-color; - } - - .topright { - fill: color.adjust($color, $lightness: numbers.$darken_factor); - stroke: colour.$rollable-die-border-color; - } - - .bottomright, .bottom { - fill: color.adjust($color, $lightness: numbers.$darkest_factor); - stroke: colour.$rollable-die-border-color; - } } .container {