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

Move web to apps/web and bitwarden_license/bit-web

Browse Source
This commit is contained in:
Hinton
2022-06-02 11:55:37 +02:00
parent fb35805202
commit 02fe715903
619 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

307
apps/web/src/scss/base.scss Normal file
View File

@@ -0,0 +1,307 @@
html {
font-size: 14px;
}
body {
min-width: 1010px;
&.layout_frontend {
@media (prefers-color-scheme: dark) {
background-color: $darkDarkBlue2;
}
@media (prefers-color-scheme: light) {
background-color: $white;
}
@include themify($themes) {
background-color: themed("layoutFrontendColor");
color: themed("textHeadingColor");
}
}
@include themify($themes) {
background-color: themed("backgroundColor");
color: themed("textColor");
}
&.full-width:not(.layout_frontend) {
.container {
min-width: 980px;
width: 90%;
}
}
}
.container {
margin: 0 auto;
max-width: none !important;
padding: 0;
width: 980px;
}
.page-header,
.secondary-header,
.tabbed-header {
margin-bottom: 0.5rem;
padding-bottom: 0.6rem;
&:not(.text-danger) {
h1,
h2,
h3,
h4 {
margin: 0;
@include themify($themes) {
color: themed("textHeadingColor");
}
}
}
}
.page-header,
.secondary-header {
@include themify($themes) {
border-bottom: 1px solid themed("separator");
}
}
.secondary-header,
.spaced-header {
margin-top: 4rem;
}
.tabbed-header {
margin-top: 1.5rem;
}
img.logo {
display: block;
height: 43px;
margin: 0 auto;
width: 284px;
&.logo-themed {
@include themify($themes) {
content: url("../images/logo-" + themed("logoSuffix") + "@2x.png");
}
}
}
.page-content {
margin-top: 20px;
}
.footer {
margin-top: 40px;
padding: 40px 0 40px 0;
@include themify($themes) {
border-top: 1px solid themed("separator");
}
}
hr,
.dropdown-divider {
@include themify($themes) {
border-top: 1px solid themed("separatorHr");
}
}
.min-height-fix {
min-height: 1px;
}
.overflow-hidden {
overflow: hidden;
}
.cursor-move {
cursor: move !important;
}
h1,
h2,
h3,
h4,
h5 {
@include themify($themes) {
color: themed("textHeadingColor");
}
small {
font-size: 80%;
}
&.spaced-header {
@include themify($themes) {
color: themed("textHeadingColor");
}
}
}
a {
@include themify($themes) {
color: themed("linkColor");
}
&.text-body {
@include themify($themes) {
color: themed("textHeadingColor") !important;
font-weight: themed("linkWeight");
}
}
}
code {
@include themify($themes) {
color: themed("codeColor");
}
}
.bwi-icon-above-input {
height: 1.5em;
}
.text-lg {
font-size: $font-size-lg;
}
.text-strike {
text-decoration: line-through;
}
.font-weight-semibold {
font-weight: 600;
}
.btn:focus,
.swal2-popup .swal2-actions button:focus,
.btn.focus,
.swal2-popup .swal2-actions button.focus,
.form-control:focus {
@include themify($themes) {
box-shadow: 0 0 0 0.2rem themed("focus");
}
}
/* Override Bootstrap theming */
.bg-primary {
@include themify($themes) {
background-color: themed("bgPrimaryColor");
}
}
.bg-light {
@include themify($themes) {
background-color: themed("bgLightColor") !important;
}
}
.bg-success {
@include themify($themes) {
background-color: themed("success") !important;
color: themed("textSuccessColor") !important;
}
}
.bg-warning {
@include themify($themes) {
background-color: themed("warning") !important;
color: themed("textWarningColor") !important;
}
}
.bg-error,
.bg-danger {
@include themify($themes) {
background-color: themed("danger") !important;
color: themed("textDangerColor") !important;
}
}
.bg-info {
@include themify($themes) {
background-color: themed("info") !important;
color: themed("textInfoColor") !important;
}
}
.border-primary {
@include themify($themes) {
border-color: themed("borderPrimaryColor") !important;
}
}
.border-warning {
@include themify($themes) {
border-color: themed("warning") !important;
}
}
.border-danger {
@include themify($themes) {
border-color: themed("danger") !important;
}
}
.border-info {
@include themify($themes) {
border-color: themed("info") !important;
}
}
.text-success {
@include themify($themes) {
color: themed("success") !important;
}
& > h1,
h2,
h3,
h4 {
@include themify($themes) {
color: themed("success") !important;
}
}
}
.text-warning {
@include themify($themes) {
color: themed("warning") !important;
}
& > h1,
h2,
h3,
h4 {
@include themify($themes) {
color: themed("warning") !important;
}
}
}
.text-danger {
&:not(.dropdown-item) {
@include themify($themes) {
color: themed("danger") !important;
}
& > h1,
h2,
h3,
h4 {
@include themify($themes) {
color: themed("danger") !important;
}
}
}
}
.text-muted {
@include themify($themes) {
color: themed("textMuted") !important;
}
}
button i.bwi {
margin-right: 0.25rem;
}