mirror of
https://github.com/bitwarden/browser.git
synced 2024-12-25 16:59:17 +01:00
styling
This commit is contained in:
parent
64663b040a
commit
78dcb875cf
@ -11,6 +11,7 @@ $border-color: #f0f0f0;
|
||||
$border-color-dark: #ddd;
|
||||
$list-item-hover: #fbfbfb;
|
||||
$list-icon-color: #c7c7cd;
|
||||
$border-radius: 3px;
|
||||
|
||||
$gray: #555;
|
||||
$gray-light: #777;
|
||||
@ -27,6 +28,10 @@ $background-color: white;
|
||||
$background-color-alt: #f9fafc;
|
||||
$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;
|
||||
}
|
||||
@ -250,10 +255,10 @@ a {
|
||||
border: none;
|
||||
color: white;
|
||||
padding: 5px 10px 5px 30px;
|
||||
border-radius: 5px;
|
||||
border-radius: $border-radius;
|
||||
|
||||
&:focus {
|
||||
border-radius: 5px;
|
||||
border-radius: $border-radius;
|
||||
outline: none;
|
||||
background: darken($brand-primary, 10%);
|
||||
}
|
||||
@ -465,7 +470,7 @@ a {
|
||||
color: $text-muted;
|
||||
|
||||
img {
|
||||
border-radius: 3px;
|
||||
border-radius: $border-radius;
|
||||
max-height: 20px;
|
||||
max-width: 20px;
|
||||
}
|
||||
@ -572,8 +577,9 @@ a {
|
||||
}
|
||||
|
||||
.box-content {
|
||||
background: $background-color;
|
||||
border-radius: 5px;
|
||||
background: $box-background-color;
|
||||
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 {
|
||||
padding: 10px 15px;
|
||||
@ -587,7 +593,11 @@ a {
|
||||
bottom: 0;
|
||||
height: 1px;
|
||||
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 {
|
||||
@ -604,7 +614,7 @@ a {
|
||||
}
|
||||
|
||||
&:hover, &:focus, &.active {
|
||||
background-color: $background-color-alt;
|
||||
background-color: $box-background-hover-color;
|
||||
}
|
||||
|
||||
.row-label {
|
||||
|
Loading…
Reference in New Issue
Block a user