darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-08-18 13:39:41 -04:00
Code Issues Packages Projects Releases Wiki Activity

Thin the borders around the letter preview

Browse Source 
1px borders match the keylines that we use on email template previews.
This commit is contained in:
Chris Hill-Scott
2017-01-03 16:38:32 +00:00
parent 6271b427aa
commit 28b18bdac8
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/stylesheets/components/letter.scss
View File

@@ -13,15 +13,15 @@ $iso-paper-ratio: 70.710678118%;
display: block; display: block;
z-index: 10; z-index: 10;
position: absolute; position: absolute;
top: 2px; top: 1px;
left: 5px; left: 5px;
height: 0; height: 0;
padding: $iso-paper-ratio 0 0 0; padding: $iso-paper-ratio 0 0 0;
width: 100%; width: 100%;
background: $highlight-colour; background: $highlight-colour;
transform-origin: left bottom; transform-origin: left bottom;
transform: scale(1, 0.99); transform: scale(1, 0.985);
box-shadow: inset 0 0 0 2px $panel-colour; box-shadow: inset 0 0 0 1px $border-colour;
transition: all 0.2s $transition-easing; transition: all 0.2s $transition-easing;
} }
@@ -31,11 +31,11 @@ $iso-paper-ratio: 70.710678118%;
position: absolute; position: absolute;
bottom: -3px; bottom: -3px;
right: -5px; right: -5px;
width: 5px; width: 4px;
height: 6px; height: 7px;
background: $white; background: $white;
transform: rotate(45deg); transform: rotate(45deg);
box-shadow: inset 2px 0 0 0 $panel-colour; box-shadow: inset 1px 0 0 0 $border-colour;
} }
&:hover { &:hover {
@@ -43,7 +43,7 @@ $iso-paper-ratio: 70.710678118%;
&:after { &:after {
transform: skew(-1.3deg, 0deg) scale(1, 0.96); transform: skew(-1.3deg, 0deg) scale(1, 0.96);
transition: all 0.1s $transition-easing; transition: all 0.1s $transition-easing;
background: mix($white, $highlight-colour); background: mix($highlight-colour, $white);
} }
&:before { &:before {
@@ -61,7 +61,7 @@ $iso-paper-ratio: 70.710678118%;
padding: $iso-paper-ratio 0 0 0; padding: $iso-paper-ratio 0 0 0;
position: relative; position: relative;
z-index: 20; z-index: 20;
box-shadow: 0 2px 0 0 $panel-colour; box-shadow: 0 1px 0 0 $border-colour;
&:focus { &:focus {
@@ -80,7 +80,7 @@ $iso-paper-ratio: 70.710678118%;
display: block; display: block;
width: 100%; width: 100%;
background: $white; background: $white;
box-shadow: inset 0 0 0 2px $panel-colour; box-shadow: inset 0 0 0 1px $border-colour;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;