diff --git a/css/structure/card.css b/css/structure/card.css index 85ae4fe..3dbf1ba 100644 --- a/css/structure/card.css +++ b/css/structure/card.css @@ -1,3 +1,4 @@ .uk-card.uk-disabled { box-shadow: none; + border: 1px solid var(--muted-color); } diff --git a/css/structure/icons.css b/css/structure/icons.css index a318cad..4277464 100644 --- a/css/structure/icons.css +++ b/css/structure/icons.css @@ -42,3 +42,25 @@ .material-icons.two-tone { font-family: 'Material Icons Two Tone'; } + +/* Default circle element for SVGs */ +.uk-icon-bg-shadow { + background: var(--default-color); + border-radius: 100px; + width: 48px; + height: 48px; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.1); +} + +.uk-icon-bg-shadow-medium { + width: 72px; + height: 72px; +} + +.uk-icon-bg-shadow-large { + width: 96px; + height: 96px; +} diff --git a/css/structure/variables.css b/css/structure/variables.css index 017d82a..8f2520d 100644 --- a/css/structure/variables.css +++ b/css/structure/variables.css @@ -2,8 +2,10 @@ --primary-color: #211F7E; --secondary-color: #3086ED; --dark-color: #2C2C2C; - --grey-color: #4b4b4b; - --light-color: #ffffff; + --grey-color: #4B4B4B; + --muted-color: #EAEAEA; + --light-color: #FFFFFF; + --default-color: #F9F9F9; --explore-color: #D95F2D; --provide-color: #37C7E9;