pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update box shadow for panels.

Browse Source 
Box shadow value should be stored and referenced as a variable.
This commit is contained in:
dandds 2019-05-01 06:52:50 -04:00
parent bb06735c83
commit 7bf5ac09e2
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
styles/components/_portfolio_layout.scss
View File

@ -387,8 +387,8 @@
} }
.application-list-item { .application-list-item {
box-shadow: $box-shadow;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 4px 8px 1px rgba(230,230,230,0.5), -4px 4px 8px 1px rgba(230,230,230,0.5);
margin-bottom: 6 * $gap; margin-bottom: 6 * $gap;
.col { .col {
@ -476,7 +476,6 @@
} }
table { table {
box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
thead { thead {
th:first-child { th:first-child {
padding-left: 3 * $gap; padding-left: 3 * $gap;

4
styles/core/_variables.scss
View File

@ -113,7 +113,7 @@ $color-focus: $color-gray-light;
$color-visited: $color-purple; $color-visited: $color-purple;
$color-overlay: rgba(#000, 0.5); $color-overlay: rgba(#000, 0.5);
$color-shadow: rgba(#000, 0.3); $color-shadow: rgba(208, 219, 231, 0.5);
$color-transparent: rgba(#000, 0); $color-transparent: rgba(#000, 0);
// Mobile First Breakpoints // Mobile First Breakpoints
@ -154,7 +154,7 @@ $label-border-radius: 2px;
$checkbox-border-radius: 2px; $checkbox-border-radius: 2px;
$border-radius: 3px; $border-radius: 3px;
$button-border-radius: 5px; $button-border-radius: 5px;
$box-shadow: 0 0 2px $color-shadow; $box-shadow: 0px 2px 5px 0px $color-shadow;
$focus-outline: 2px dotted $color-gray-light; $focus-outline: 2px dotted $color-gray-light;
$focus-spacing: 3px; $focus-spacing: 3px;
$nav-width: 300px; // previously 951px; $nav-width: 300px; // previously 951px;

3
styles/elements/_panels.scss
View File

@ -48,7 +48,7 @@
@mixin shadow-panel { @mixin shadow-panel {
padding: $gap /2 0; padding: $gap /2 0;
box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3); box-shadow: $box-shadow;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
} }
@ -57,6 +57,7 @@
@include panel-base; @include panel-base;
@include panel-theme-default; @include panel-theme-default;
@include panel-margin; @include panel-margin;
@include shadow-panel;
.panel__content { .panel__content {
margin: ($gap * 2) 0; margin: ($gap * 2) 0;

2
styles/elements/_sidenav.scss
View File

@ -16,7 +16,7 @@
} }
width: 25rem; width: 25rem;
box-shadow: 0 6px 18px 0 rgba(48,58,65,0.15); box-shadow: $box-shadow;
.sidenav__title { .sidenav__title {
@include sidenav__header; @include sidenav__header;