mirror of
https://github.com/bitwarden/browser
synced 2025-12-21 10:43:35 +00:00
Apply Prettier (#1347)
This commit is contained in:
Oscar Hinton
GitHub
@@ -1,271 +1,294 @@
|
||||
html {
|
||||
font-size: 14px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
body {
|
||||
min-width: 1010px;
|
||||
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('headingColor');
|
||||
}
|
||||
&.layout_frontend {
|
||||
@media (prefers-color-scheme: dark) {
|
||||
background-color: $darkDarkBlue2;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
background-color: $white;
|
||||
}
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed('backgroundColor');
|
||||
color: themed('textColor');
|
||||
background-color: themed("layoutFrontendColor");
|
||||
color: themed("headingColor");
|
||||
}
|
||||
}
|
||||
|
||||
&.full-width:not(.layout_frontend) {
|
||||
.container {
|
||||
min-width: 980px;
|
||||
width: 90%;
|
||||
}
|
||||
@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;
|
||||
margin: 0 auto;
|
||||
max-width: none !important;
|
||||
padding: 0;
|
||||
width: 980px;
|
||||
}
|
||||
|
||||
.page-header, .secondary-header {
|
||||
margin-bottom: 0.5rem;
|
||||
padding-bottom: 0.6rem;
|
||||
@include themify($themes) {
|
||||
border-bottom: 1px solid themed('separator');
|
||||
}
|
||||
.page-header,
|
||||
.secondary-header {
|
||||
margin-bottom: 0.5rem;
|
||||
padding-bottom: 0.6rem;
|
||||
@include themify($themes) {
|
||||
border-bottom: 1px solid themed("separator");
|
||||
}
|
||||
|
||||
&:not(.text-danger) {
|
||||
h1, h2, h3, h4 {
|
||||
margin: 0;
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor');
|
||||
}
|
||||
}
|
||||
&:not(.text-danger) {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
margin: 0;
|
||||
@include themify($themes) {
|
||||
color: themed("headingColor");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.secondary-header, .spaced-header {
|
||||
margin-top: 4rem;
|
||||
.secondary-header,
|
||||
.spaced-header {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
img.logo {
|
||||
display: block;
|
||||
height: 43px;
|
||||
margin: 0 auto;
|
||||
width: 284px;
|
||||
display: block;
|
||||
height: 43px;
|
||||
margin: 0 auto;
|
||||
width: 284px;
|
||||
|
||||
&.logo-themed {
|
||||
@include themify($themes) {
|
||||
content: url('../images/logo-' + themed('logoSuffix') + '@2x.png');
|
||||
}
|
||||
&.logo-themed {
|
||||
@include themify($themes) {
|
||||
content: url("../images/logo-" + themed("logoSuffix") + "@2x.png");
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-content {
|
||||
margin-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 40px;
|
||||
padding: 40px 0 40px 0;
|
||||
@include themify($themes) {
|
||||
border-top: 1px solid themed('separator');
|
||||
}
|
||||
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');
|
||||
}
|
||||
hr,
|
||||
.dropdown-divider {
|
||||
@include themify($themes) {
|
||||
border-top: 1px solid themed("separatorHr");
|
||||
}
|
||||
}
|
||||
|
||||
.min-height-fix {
|
||||
min-height: 1px;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.cursor-move {
|
||||
cursor: move !important;
|
||||
cursor: move !important;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5 {
|
||||
@include themify($themes) {
|
||||
color: themed("headingColor");
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5 {
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
&.spaced-header {
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor');
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
&.spaced-header {
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor');
|
||||
}
|
||||
color: themed("headingColor");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@include themify($themes) {
|
||||
color: themed('linkColor');
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("linkColor");
|
||||
}
|
||||
|
||||
&.text-body {
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor') !important;
|
||||
font-weight: themed('linkWeight');
|
||||
}
|
||||
&.text-body {
|
||||
@include themify($themes) {
|
||||
color: themed("headingColor") !important;
|
||||
font-weight: themed("linkWeight");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
@include themify($themes) {
|
||||
color: themed('codeColor');
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("codeColor");
|
||||
}
|
||||
}
|
||||
|
||||
.fa-icon-above-input {
|
||||
height: 1.5em;
|
||||
height: 1.5em;
|
||||
}
|
||||
|
||||
.text-lg {
|
||||
font-size: $font-size-lg;
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
|
||||
.text-strike {
|
||||
text-decoration: line-through;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.font-weight-semibold {
|
||||
font-weight: 600;
|
||||
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');
|
||||
}
|
||||
.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');
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("bgPrimaryColor");
|
||||
}
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
@include themify($themes) {
|
||||
background-color: themed('bgLightColor') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("bgLightColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-success {
|
||||
@include themify($themes) {
|
||||
background-color: themed('success') !important;
|
||||
color: themed('successTextColor') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("success") !important;
|
||||
color: themed("successTextColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
@include themify($themes) {
|
||||
background-color: themed('warning') !important;
|
||||
color: themed('warningTextColor') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("warning") !important;
|
||||
color: themed("warningTextColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-error, .bg-danger {
|
||||
@include themify($themes) {
|
||||
background-color: themed('danger') !important;
|
||||
color: themed('dangerTextColor') !important;
|
||||
}
|
||||
.bg-error,
|
||||
.bg-danger {
|
||||
@include themify($themes) {
|
||||
background-color: themed("danger") !important;
|
||||
color: themed("dangerTextColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
@include themify($themes) {
|
||||
background-color: themed('info') !important;
|
||||
color: themed('infoTextColor') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("info") !important;
|
||||
color: themed("infoTextColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.border-primary {
|
||||
@include themify($themes) {
|
||||
border-color: themed('borderPrimaryColor') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
border-color: themed("borderPrimaryColor") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.border-warning {
|
||||
@include themify($themes) {
|
||||
border-color: themed('warning') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
border-color: themed("warning") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.border-danger {
|
||||
@include themify($themes) {
|
||||
border-color: themed('danger') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
border-color: themed("danger") !important;
|
||||
}
|
||||
}
|
||||
|
||||
.border-info {
|
||||
@include themify($themes) {
|
||||
border-color: themed('info') !important;
|
||||
}
|
||||
@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;
|
||||
}
|
||||
|
||||
& > h1,h2,h3,h4 {
|
||||
@include themify($themes) {
|
||||
color: themed('success') !important;
|
||||
}
|
||||
color: themed("success") !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
@include themify($themes) {
|
||||
color: themed('warning') !important;
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("warning") !important;
|
||||
}
|
||||
|
||||
& > h1,h2,h3,h4 {
|
||||
@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;
|
||||
}
|
||||
}
|
||||
&: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;
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("textMuted") !important;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user