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

theme styling

Browse Source
This commit is contained in:
Kyle Spearrin 2018-06-06 11:58:56 -04:00
parent ce34ef902f
commit e814b8ef09
2 changed files with 41 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/vault/vault.component.html
View File

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand navbar-dark bg-dark">
<nav class="navbar navbar-expand navbar-dark bg-primary">
<div class="container">
<a class="navbar-brand" href="#">
<i class="fa fa-shield fa-lg"></i>
@ -48,7 +48,7 @@
<a href="#" class="list-group-item list-group-item-action">
Item 1
</a>
<a href="#" class="list-group-item list-group-item-action">
<a href="#" class="list-group-item list-group-item-action active">
Item 2
</a>
<a href="#" class="list-group-item list-group-item-action">
@ -70,6 +70,16 @@
</div>
</div>
</div>
<div class="container footer">
&copy; 2015-2018 8bit Solutions LLC
<div class="container footer text-muted">
<div class="row">
<div class="col">
&copy; 2015-2018 8bit Solutions LLC
</div>
<div class="col text-center">
</div>
<div class="col text-right">
Version 2.0.0
</div>
</div>
</div>

28
src/scss/styles.scss
View File

@ -7,6 +7,9 @@ $theme-colors: (
"warning": #bf7e16
);
$body-bg: #ffffff;
$body-color: #333333;
$font-family-sans-serif: 'Open Sans','Helvetica Neue',Helvetica,
Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
@ -17,10 +20,27 @@ $h4-font-size: 1rem;
$h5-font-size: 1rem;
$h6-font-size: 1rem;
$navbar-padding-y: .75rem;
$grid-gutter-width: 20px;
$card-spacer-y: .6rem;
$list-group-item-padding-y: .6rem;
$list-group-active-color: $body-color;
$list-group-active-bg: #ffffff;
$list-group-active-border-color: rgba(#000000, .125);
$dropdown-link-hover-color: #ffffff;
$dropdown-link-hover-bg: #3c8dbc;
$navbar-dark-color: rgba(#ffffff, .7);
$navbar-dark-hover-color: rgba(#ffffff, .9);
@import "../../node_modules/bootstrap/scss/bootstrap";
html {
font-size: 14px;
}
body {
min-width: 1010px;
}
@ -32,9 +52,9 @@ body {
.container {
width: 980px;
max-width: none !important;
margin: 0 auto;
padding: 0;
max-width: none !important;
}
.page-content {
@ -46,3 +66,9 @@ body {
padding: 40px 0 10px 0;
border-top: 1px solid $border-color;
}
.list-group-item.active {
border-left: 3px solid theme-color("primary");
font-weight: bold;
padding-left: calc(#{$list-group-item-padding-x} - 3px);
}