bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-01-06 10:33:57 +00:00
Code Issues Releases Wiki Activity

implement callout component w/ generator policy (#1158)

Browse Source
This commit is contained in:
Kyle Spearrin
2020-02-28 16:58:28 -05:00
committed by GitHub
parent e21bb3879f
commit a06ef80dc6
6 changed files with 96 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/popup/scss/misc.scss
View File

@@ -222,3 +222,84 @@ app-vault-icon {
.draggable {
cursor: move;
}
.callout {
padding: 10px;
margin: 10px;
border: 1px solid #000000;
border-left-width: 5px;
border-radius: 3px;
@include themify($themes) {
border-color: themed('calloutBorderColor');
background-color: themed('calloutBackgroundColor');
}
.callout-heading {
margin-top: 0;
}
h3.callout-heading {
font-weight: bold;
text-transform: uppercase;
}
&.callout-primary {
@include themify($themes) {
border-left-color: themed('primaryColor');
}
.callout-heading {
@include themify($themes) {
color: themed('primaryColor');
}
}
}
&.callout-info {
@include themify($themes) {
border-left-color: themed('infoColor');
}
.callout-heading {
@include themify($themes) {
color: themed('infoColor');
}
}
}
&.callout-danger {
@include themify($themes) {
border-left-color: themed('dangerColor');
}
.callout-heading {
@include themify($themes) {
color: themed('dangerColor');
}
}
}
&.callout-success {
@include themify($themes) {
border-left-color: themed('successColor');
}
.callout-heading {
@include themify($themes) {
color: themed('successColor');
}
}
}
&.callout-warning {
@include themify($themes) {
border-left-color: themed('warningColor');
}
.callout-heading {
@include themify($themes) {
color: themed('warningColor');
}
}
}
}

6
src/popup/scss/variables.scss
View File

@@ -83,6 +83,8 @@ $themes: (
logoSuffix: 'dark',
passwordNumberColor: #007fde,
passwordSpecialColor: #c40800,
calloutBorderColor: $border-color-dark,
calloutBackgroundColor: $box-background-color,
),
dark: (
textColor: #ffffff,
@@ -129,6 +131,8 @@ $themes: (
logoSuffix: 'white',
passwordNumberColor: #52bdfb,
passwordSpecialColor: #ff7c70,
calloutBorderColor: #111111,
calloutBackgroundColor: #3d3d3d,
),
nord: (
textColor: $nord5,
@@ -175,6 +179,8 @@ $themes: (
logoSuffix: 'white',
passwordNumberColor: $nord8,
passwordSpecialColor: $nord12,
calloutBorderColor: $nord0,
calloutBackgroundColor: $nord2,
),
);