mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 09:43:23 +00:00
Apply Prettier (#1347)
This commit is contained in:
Oscar Hinton
GitHub
@@ -1,207 +1,216 @@
|
||||
::-ms-reveal {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
@include themify($themes) {
|
||||
color: themed('inputPlaceholderColor');
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("inputPlaceholderColor");
|
||||
}
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
&:required {
|
||||
box-shadow: none;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
&:required {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance:
|
||||
-cancel-button;
|
||||
-webkit-appearance: -cancel-button;
|
||||
}
|
||||
|
||||
label:not(.form-check-label):not(.btn), label.bold {
|
||||
font-weight: 600;
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor');
|
||||
}
|
||||
label:not(.form-check-label):not(.btn),
|
||||
label.bold {
|
||||
font-weight: 600;
|
||||
@include themify($themes) {
|
||||
color: themed("headingColor");
|
||||
}
|
||||
}
|
||||
|
||||
label.form-check-label, .form-control-file {
|
||||
@include themify($themes) {
|
||||
color: themed('headingColor');
|
||||
}
|
||||
label.form-check-label,
|
||||
.form-control-file {
|
||||
@include themify($themes) {
|
||||
color: themed("headingColor");
|
||||
}
|
||||
}
|
||||
|
||||
.form-check-block {
|
||||
.form-check-label {
|
||||
font-weight: 600;
|
||||
.form-check-label {
|
||||
font-weight: 600;
|
||||
|
||||
> small {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
@include themify($themes) {
|
||||
color: themed('textMuted');
|
||||
}
|
||||
}
|
||||
|
||||
> span {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
@extend .mt-2;
|
||||
}
|
||||
> small {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
@include themify($themes) {
|
||||
color: themed("textMuted");
|
||||
}
|
||||
}
|
||||
|
||||
> span {
|
||||
display: block;
|
||||
font-weight: normal;
|
||||
@extend .mt-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-check-block + .form-check-block {
|
||||
&:not(.mt-2) {
|
||||
@extend .mt-3;
|
||||
}
|
||||
&:not(.mt-2) {
|
||||
@extend .mt-3;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group {
|
||||
.form-group-child-check {
|
||||
@extend .ml-4
|
||||
}
|
||||
.form-group-child-check {
|
||||
@extend .ml-4;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline {
|
||||
input[type='datetime-local'] {
|
||||
width: 200px;
|
||||
}
|
||||
input[type="datetime-local"] {
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.form-control {
|
||||
.form-control {
|
||||
@include themify($themes) {
|
||||
background-color: themed("inputBackgroundColor");
|
||||
border-color: themed("inputBorderColor");
|
||||
color: themed("inputTextColor");
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&[readonly] {
|
||||
@include themify($themes) {
|
||||
background-color: themed('inputBackgroundColor');
|
||||
border-color: themed('inputBorderColor');
|
||||
color: themed('inputTextColor');
|
||||
}
|
||||
|
||||
&:disabled, &[readonly] {
|
||||
@include themify($themes) {
|
||||
background-color: themed('inputDisabledBackground');
|
||||
color: themed('inputDisabledColor');
|
||||
}
|
||||
background-color: themed("inputDisabledBackground");
|
||||
color: themed("inputDisabledColor");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"], input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.form-control.stripe-form-control {
|
||||
padding-top: 0.55rem;
|
||||
padding-top: 0.55rem;
|
||||
|
||||
&.is-focused {
|
||||
outline: 0;
|
||||
@include themify($themes) {
|
||||
background-color: themed('inputBackgroundColor');
|
||||
border-color: themed('inputBorderColor');
|
||||
box-shadow: 0 0 0 $input-focus-width rgba(mix(color-yiq(themed('primary')), themed('primary'), 15%), .5);
|
||||
color: themed('inputTextColor');
|
||||
}
|
||||
|
||||
&.is-invalid {
|
||||
opacity: 0.75;
|
||||
@include themify($themes) {
|
||||
box-shadow: 0 0 0 $input-focus-width themed('danger');
|
||||
}
|
||||
}
|
||||
&.is-focused {
|
||||
outline: 0;
|
||||
@include themify($themes) {
|
||||
background-color: themed("inputBackgroundColor");
|
||||
border-color: themed("inputBorderColor");
|
||||
box-shadow: 0 0 0 $input-focus-width
|
||||
rgba(mix(color-yiq(themed("primary")), themed("primary"), 15%), 0.5);
|
||||
color: themed("inputTextColor");
|
||||
}
|
||||
|
||||
|
||||
&.is-invalid {
|
||||
@include themify($themes) {
|
||||
border-color: themed('danger');
|
||||
}
|
||||
opacity: 0.75;
|
||||
@include themify($themes) {
|
||||
box-shadow: 0 0 0 $input-focus-width themed("danger");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.is-invalid {
|
||||
@include themify($themes) {
|
||||
border-color: themed("danger");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu, .dropdown-item {
|
||||
@include themify($themes) {
|
||||
background-color: themed('dropdownBackground');
|
||||
color: themed('dropdownTextColor');
|
||||
}
|
||||
.dropdown-menu,
|
||||
.dropdown-item {
|
||||
@include themify($themes) {
|
||||
background-color: themed("dropdownBackground");
|
||||
color: themed("dropdownTextColor");
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
@include themify($themes) {
|
||||
color: themed('dropdownTextColor');
|
||||
}
|
||||
@include themify($themes) {
|
||||
color: themed("dropdownTextColor");
|
||||
}
|
||||
|
||||
&.text-danger {
|
||||
@include themify($themes) {
|
||||
color: themed('danger') !important;
|
||||
}
|
||||
&.text-danger {
|
||||
@include themify($themes) {
|
||||
color: themed("danger") !important;
|
||||
}
|
||||
&:hover {
|
||||
@include themify($themes) {
|
||||
background-color: themed('dropdownHover');
|
||||
}
|
||||
}
|
||||
&:active{
|
||||
background-color: rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
&:hover {
|
||||
@include themify($themes) {
|
||||
background-color: themed("dropdownHover");
|
||||
}
|
||||
}
|
||||
&:active {
|
||||
background-color: rgba(0, 0, 0, 0.1) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@include themify($themes) {
|
||||
border: 1px solid themed('listItemBorder');
|
||||
}
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
@include themify($themes) {
|
||||
border: 1px solid themed("listItemBorder");
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
&:focus,
|
||||
&.focus {
|
||||
z-index: 100;
|
||||
&:focus,
|
||||
&.focus {
|
||||
z-index: 100;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed("foregroundColor");
|
||||
border-color: themed("listItemBorder");
|
||||
color: themed("textColor");
|
||||
}
|
||||
> .two-factor-content {
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
> .text-col {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
@include themify($themes) {
|
||||
background-color: themed('foregroundColor');
|
||||
border-color: themed('listItemBorder');
|
||||
color: themed('textColor');
|
||||
> .logo-col {
|
||||
min-width: 100px;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img {
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
>.two-factor-content {
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
display: flex;
|
||||
>.text-col {
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
}
|
||||
>.logo-col {
|
||||
min-width: 100px;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
img {
|
||||
height: fit-content;
|
||||
}
|
||||
}
|
||||
>.btn-col {
|
||||
width: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
> .btn-col {
|
||||
width: 85px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item.active {
|
||||
font-weight: bold !important;
|
||||
padding-left: calc(#{$list-group-item-padding-x} - 3px);
|
||||
@include themify($themes) {
|
||||
border-color: themed('borderColor');
|
||||
border-left: 3px solid themed('borderPrimaryColor');
|
||||
color: themed('listItemActive');
|
||||
}
|
||||
font-weight: bold !important;
|
||||
padding-left: calc(#{$list-group-item-padding-x} - 3px);
|
||||
@include themify($themes) {
|
||||
border-color: themed("borderColor");
|
||||
border-left: 3px solid themed("borderPrimaryColor");
|
||||
color: themed("listItemActive");
|
||||
}
|
||||
}
|
||||
|
||||
// Browser specific icons overlayed on input fields. e.g. caps lock indicator on password field
|
||||
::-webkit-calendar-picker-indicator, input::-webkit-caps-lock-indicator, input::-webkit-credentials-auto-fill-button {
|
||||
@include themify($themes) {
|
||||
filter: themed('browserInputIconsFilter');
|
||||
}
|
||||
::-webkit-calendar-picker-indicator,
|
||||
input::-webkit-caps-lock-indicator,
|
||||
input::-webkit-credentials-auto-fill-button {
|
||||
@include themify($themes) {
|
||||
filter: themed("browserInputIconsFilter");
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user