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 {
box-shadow: $box-shadow;
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;
.col {
@ -476,7 +476,6 @@
}
table {
box-shadow: 0 6px 18px 0 rgba(144,164,183,0.3);
thead {
th:first-child {
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-overlay: rgba(#000, 0.5);
$color-shadow: rgba(#000, 0.3);
$color-shadow: rgba(208, 219, 231, 0.5);
$color-transparent: rgba(#000, 0);
// Mobile First Breakpoints
@ -154,7 +154,7 @@ $label-border-radius: 2px;
$checkbox-border-radius: 2px;
$border-radius: 3px;
$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-spacing: 3px;
$nav-width: 300px; // previously 951px;

5
styles/elements/_panels.scss
View File

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

2
styles/elements/_sidenav.scss
View File

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