1
0
mirror of https://github.com/bitwarden/browser.git synced 2025-02-28 03:21:40 +01:00
bitwarden-browser/src/scss/cards.scss
Vincent Salucci 2ae98887b7
[Icons] Update Font Sheet (#1343)
* [Icons] Update to new font sheet

* Rebased - updated all icon remaining icon references

* Temporarily Updating gitmodules branch

* Fixed class reference

* Revert temporary gitmodule branch

* Icon updates/changes

* Pull jslib m-icon-updates latest

* Prettier

* Update jslib to master

* Reset jslib to master

* Removed obsolete variable reference, replaced bolt references

* Removed all instances of base class - maps create automatically

* Updated toast icon references

* Imported styles to reference variable/map

* Reverted to using base class

* Update jslib

* Rename eye-2 to eye and eye-slash-2 to eye-slash

* Bump jslib

* Remove duplicate scss

* Remove old fa

* Update fallback image

* Bump jslib

* Rename eye-2 to eye, and eye-slash-2 to eye-slash

* Fix 404

* Fix integrity of bootstrap.min.css

* Fix callout missing bwi

* Add bwi to change-kdf

* Remove bwi from callout again

* Bump jslib

Co-authored-by: Hinton <oscar@oscarhinton.com>
2022-01-27 11:25:58 -06:00

95 lines
1.4 KiB
SCSS

.card {
@include themify($themes) {
background-color: themed("foregroundColor");
border-color: themed("borderColor");
color: themed("textColor");
}
&.text-danger {
&.text-danger > .card-body {
@include themify($themes) {
color: themed("danger");
}
}
}
}
.card-header,
.modal-header {
font-weight: bold;
text-transform: uppercase;
small {
font-weight: normal;
text-transform: none;
@extend .text-muted;
}
}
.card-header {
@include themify($themes) {
background-color: themed("headerColor");
color: themed("textHeadingColor");
}
a:hover {
&:not(.badge) {
@include themify($themes) {
color: themed("learnMoreHover");
}
}
}
}
.card-body-header {
font-size: $font-size-lg;
@extend .mb-4;
}
.card ul.bwi-ul.card-ul {
margin-left: 1.9em;
li {
word-break: break-all;
}
.bwi-li {
top: 4px;
}
&.carets {
margin-left: 1.1em;
.bwi-li {
left: -17px;
width: 1.1em;
}
}
ul {
&.carets {
margin-left: 0.85em;
}
}
}
.card-org-plans {
h2 {
font-size: $font-size-lg;
}
}
.card-body {
&:not(.bg-light > .card-body) {
@include themify($themes) {
background-color: themed("foregroundColor");
color: themed("textColor");
}
&.card-body a:not(li a) {
@include themify($themes) {
font-weight: themed("linkWeight");
}
}
}
}