From 18acfc0f6785c4bde925ae8e2f83f8df10565eea Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Mon, 17 Oct 2022 13:43:46 -0230 Subject: css: Tidy up the card style - remove the drop shadow - clean up mixin references Part-of: --- _colors.scss | 1 + _drawing.scss | 2 +- _high-contrast-colors.scss | 1 + widgets/_calendar.scss | 2 +- 4 files changed, 4 insertions(+), 2 deletions(-) diff --git a/_colors.scss b/_colors.scss index c42a955..b83b1ed 100644 --- a/_colors.scss +++ b/_colors.scss @@ -40,6 +40,7 @@ $button_mix_factor: 5%; // cards $card_bg_color: if($variant == 'light', darken($bg_color, 5%), lighten($bg_color, 2%)); +$card_outer_borders_color: transparentize($fg_color, 0.98); // notifications $bubble_buttons_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 10%)); diff --git a/_drawing.scss b/_drawing.scss index 8d9a330..0e51f93 100644 --- a/_drawing.scss +++ b/_drawing.scss @@ -310,7 +310,7 @@ @mixin card($flat: false) { border-radius: $base_border_radius; margin: $base_margin; - box-shadow: 0 1px 1px 0 $shadow_color; + box-shadow: inset 0 0 0 1px $card_outer_borders_color; @if $flat { @include button(undecorated); diff --git a/_high-contrast-colors.scss b/_high-contrast-colors.scss index 0d48644..15fdec3 100644 --- a/_high-contrast-colors.scss +++ b/_high-contrast-colors.scss @@ -38,6 +38,7 @@ $button_mix_factor: 10%; // cards $card_bg_color: if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 12%)); +$card_outer_borders_color: $card_bg_color; // notifications $bubble_buttons_color: if($variant == 'light', darken($bg_color, 22%), lighten($bg_color, 31%)); diff --git a/widgets/_calendar.scss b/widgets/_calendar.scss index 336372c..fa7080b 100644 --- a/widgets/_calendar.scss +++ b/widgets/_calendar.scss @@ -15,7 +15,7 @@ /* today button (the date) */ .datemenu-today-button { - @include card($flat: true); + @include card(flat); padding: $base_padding * 1.5; // weekday label -- cgit v1.2.1