bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-18 09:13:33 +00:00
Code Issues Releases Wiki Activity

box styling on view page

Browse Source
This commit is contained in:
Kyle Spearrin
2018-01-23 22:57:24 -05:00
parent d3fdaed4c2
commit a816961dff
3 changed files with 108 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/scss/styles.scss
View File

@@ -87,10 +87,6 @@ a {
max-width: 250px;
border-right: 1px solid $border-color-dark;
.inner-content {
padding: 10px 15px;
}
h2 {
font-size: $font-size-base;
font-weight: bold;
@@ -149,6 +145,10 @@ a {
#categories, #items, #details {
display: flex;
flex-direction: column;
.inner-content {
padding: 10px 15px;
}
}
.header {
@@ -558,3 +558,78 @@ a {
}
}
}
.box {
min-width: 400px;
max-width: 550px;
width: 100%;
margin: 0 auto;
.box-header {
margin: 0 10px 5px 10px;
color: $gray-light;
text-transform: uppercase;
}
.box-content {
background: $background-color;
border-radius: 5px;
.box-content-row {
padding: 10px 15px;
position: relative;
z-index: 1;
&:before {
content: "";
position: absolute;
right: 0;
bottom: 0;
height: 1px;
width: calc(100% - 10px);
border-bottom: 1px solid $border-color;
}
&:first-child {
padding-top: 20px;
}
&:last-child {
padding-bottom: 20px;
&:before {
border: none;
height: 0;
}
}
&:after {
content: "";
display: table;
clear: both;
}
&:hover, &:focus, &.active {
background-color: $background-color-alt;
}
.row-label {
font-size: $font-size-small;
color: $text-muted;
display: block;
width: 100%;
font-weight: normal;
margin-bottom: 5px;
}
input {
}
}
}
.box-footer {
margin: 5px 10px;
font-size: $font-size-small;
color: $text-muted;
}
}