bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-08 19:43:45 +00:00
Code Issues Releases Wiki Activity

Apply Prettier (#1347)

Browse Source
This commit is contained in:
Oscar Hinton
2021-12-17 15:57:11 +01:00
committed by GitHub
parent 2b0a9d995e
commit 56477eb39c
414 changed files with 33390 additions and 26857 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/scss/modals.scss
View File

@@ -1,161 +1,163 @@
.modal-content {
border: none;
border-radius: none;
@include themify($themes) {
background-color: themed('backgroundColor');
}
border: none;
border-radius: none;
@include themify($themes) {
background-color: themed("backgroundColor");
}
}
.modal-dialog {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
width: $modal-md;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
width: $modal-md;
}
.modal-sm {
width: $modal-sm;
width: $modal-sm;
}
.modal-lg {
width: $modal-lg;
.modal-lg {
width: $modal-lg;
}
.modal-header {
@include themify($themes) {
background-color: themed('foregroundColor');
border-bottom: 1px solid themed('separator');
color: themed('textColor');
}
@include themify($themes) {
background-color: themed("foregroundColor");
border-bottom: 1px solid themed("separator");
color: themed("textColor");
}
}
.modal-body {
@include themify($themes) {
background-color: themed('foregroundColor');
color: themed('textColor');
}
@include themify($themes) {
background-color: themed("foregroundColor");
color: themed("textColor");
}
h3, .section-header > * {
font-weight: normal;
text-transform: uppercase;
@include themify($themes) {
color: themed('textMuted');
}
h3,
.section-header > * {
font-weight: normal;
text-transform: uppercase;
@include themify($themes) {
color: themed("textMuted");
}
}
}
.modal .list-group-flush {
:first-child {
border-top: none;
}
:last-child {
border-bottom: none;
}
:first-child {
border-top: none;
}
:last-child {
border-bottom: none;
}
}
.modal .list-group-flush-2fa {
div {
border-left: none;
border-right: none;
}
div:first-child {
border-top: none;
}
div:last-child {
border-bottom: none;
}
div {
border-left: none;
border-right: none;
}
div:first-child {
border-top: none;
}
div:last-child {
border-bottom: none;
}
}
.modal-footer {
border-radius: 0.3rem 0.3rem 0 0;
justify-content: flex-start;
@include themify($themes) {
background-color: themed('footerBackgroundColor');
border-top: 1px solid themed('separator');
}
border-radius: 0.3rem 0.3rem 0 0;
justify-content: flex-start;
@include themify($themes) {
background-color: themed("footerBackgroundColor");
border-top: 1px solid themed("separator");
}
}
.close {
@include themify($themes) {
color: themed('textColor');
}
@include themify($themes) {
color: themed("textColor");
}
}
#totpImage {
@include themify($themes) {
filter: themed('imgFilter');
}
@include themify($themes) {
filter: themed("imgFilter");
}
}
.totp {
.totp-code {
@extend .text-monospace;
font-size: 1.2rem;
}
.totp-countdown {
display: block;
margin: 3px 3px 0 0;
user-select: none;
.totp-sec {
font-size: 0.85em;
line-height: 32px;
position: absolute;
text-align: center;
width: 32px;
}
svg {
height: 32px;
transform: rotate(-90deg);
width: 32px;
}
.totp-circle {
fill: none;
@include themify($themes) {
stroke: themed("primary");
}
&.inner {
stroke-dasharray: 78.6;
stroke-dashoffset: 0;
stroke-width: 3;
}
&.outer {
stroke-dasharray: 88;
stroke-dashoffset: 0;
stroke-width: 2;
}
}
}
> .align-items-center {
margin-bottom: -5px;
}
&.low {
.totp-sec,
.totp-code {
@extend .text-monospace;
font-size: 1.2rem;
@include themify($themes) {
color: themed("danger");
}
}
.totp-countdown {
display: block;
margin: 3px 3px 0 0;
user-select: none;
.totp-sec {
font-size: 0.85em;
line-height: 32px;
position: absolute;
text-align: center;
width: 32px;
}
svg {
height: 32px;
transform: rotate(-90deg);
width: 32px;
}
.totp-circle {
fill: none;
@include themify($themes) {
stroke: themed('primary');
}
&.inner {
stroke-dasharray: 78.6;
stroke-dashoffset: 0;
stroke-width: 3;
}
&.outer {
stroke-dasharray: 88;
stroke-dashoffset: 0;
stroke-width: 2;
}
}
}
> .align-items-center {
margin-bottom: -5px;
}
&.low {
.totp-sec, .totp-code {
@include themify($themes) {
color: themed('danger');
}
}
.totp-circle {
@include themify($themes) {
stroke: themed('danger');
}
}
.totp-circle {
@include themify($themes) {
stroke: themed("danger");
}
}
}
}
.cdk-drag-preview {
border-radius: $border-radius;
opacity: 0.8;
z-index: $zindex-tooltip !important;
@include themify($themes) {
background: themed('cdkDraggingBackground');
}
border-radius: $border-radius;
opacity: 0.8;
z-index: $zindex-tooltip !important;
@include themify($themes) {
background: themed("cdkDraggingBackground");
}
}