darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-05-05 16:38:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make border around letter neater

Browse Source 
The drop shadow stolen from GOV.UK was a bit crude; this commit makes
it a bit more refined.

Also makes things line up a bit better.
This commit is contained in:
Chris Hill-Scott
2016-11-10 14:31:25 +00:00
parent fb410496dc
commit 4a0c860a04
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,13 @@
$outline-width: 5px;
.letter {
font-family: Helvetica, Arial, sans-serif;
box-shadow: 0 2px 2px rgba($text-colour, 0.4);
outline: 5px solid rgba($text-colour, 0.1);
box-shadow:
1px 1px 0 0 $panel-colour,
2px 2px 0 0 rgba($panel-colour, 0.5),
-1px 1px 0 0 $panel-colour,
-2px 2px 0 0 rgba($panel-colour, 0.5);
outline: $outline-width solid rgba($text-colour, 0.1);
padding: 20px;
margin: $outline-width $outline-width $gutter;
}