Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-09-18 02:41:15 +02:00
Code Issues Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
Kyle Spearrin 2018-01-24 21:31:27 -05:00
parent 64663b040a
commit 78dcb875cf
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/scss/styles.scss
View File

@ -11,6 +11,7 @@ $border-color: #f0f0f0;
$border-color-dark: #ddd; $border-color-dark: #ddd;
$list-item-hover: #fbfbfb; $list-item-hover: #fbfbfb;
$list-icon-color: #c7c7cd; $list-icon-color: #c7c7cd;
$border-radius: 3px;
$gray: #555; $gray: #555;
$gray-light: #777; $gray-light: #777;
@ -27,6 +28,10 @@ $background-color: white;
$background-color-alt: #f9fafc; $background-color-alt: #f9fafc;
$background-color-alt2: #ecf0f5; $background-color-alt2: #ecf0f5;
$box-background-color: $background-color;
$box-background-hover-color: $background-color-alt;
$box-border-color: $border-color;
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
@ -250,10 +255,10 @@ a {
border: none; border: none;
color: white; color: white;
padding: 5px 10px 5px 30px; padding: 5px 10px 5px 30px;
border-radius: 5px; border-radius: $border-radius;
&:focus { &:focus {
border-radius: 5px; border-radius: $border-radius;
outline: none; outline: none;
background: darken($brand-primary, 10%); background: darken($brand-primary, 10%);
} }
@ -465,7 +470,7 @@ a {
color: $text-muted; color: $text-muted;
img { img {
border-radius: 3px; border-radius: $border-radius;
max-height: 20px; max-height: 20px;
max-width: 20px; max-width: 20px;
} }
@ -572,8 +577,9 @@ a {
} }
.box-content { .box-content {
background: $background-color; background: $box-background-color;
border-radius: 5px; border-radius: $border-radius;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
.box-content-row { .box-content-row {
padding: 10px 15px; padding: 10px 15px;
@ -587,7 +593,11 @@ a {
bottom: 0; bottom: 0;
height: 1px; height: 1px;
width: calc(100% - 10px); width: calc(100% - 10px);
border-bottom: 1px solid $border-color; border-bottom: 1px solid $box-border-color;
}
&:first-child, &:last-child {
border-radius: $border-radius;
} }
&:last-child { &:last-child {
@ -604,7 +614,7 @@ a {
} }
&:hover, &:focus, &.active { &:hover, &:focus, &.active {
background-color: $background-color-alt; background-color: $box-background-hover-color;
} }
.row-label { .row-label {