diff options
Diffstat (limited to 'src/assets/styles/bmc/custom/_buttons.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_buttons.scss | 23 |
1 files changed, 21 insertions, 2 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss index 26a11dbd..51e2d073 100644 --- a/src/assets/styles/bmc/custom/_buttons.scss +++ b/src/assets/styles/bmc/custom/_buttons.scss @@ -2,6 +2,7 @@ display: inline-flex; align-items: center; justify-content: space-around; + height: 36px; &:disabled { color: gray("600"); fill: currentColor; @@ -11,6 +12,9 @@ background-color: gray("400"); } } + &svg { + padding-right: 8px; + } } .btn-md { @@ -19,10 +23,11 @@ } .btn-lg { - width: 270px; + width: 290px; height: 36px; } +.btn-danger, .btn-primary { background-color: $red-brand-primary; border-radius: 8px; @@ -54,7 +59,8 @@ } } -.btn-secondary { +.btn-secondary, +.modal-header button { background-color: $faint-secondary-primary-5; color: $red-brand-primary; border-radius: 8px; @@ -82,6 +88,19 @@ color: $red-brand-primary; background-color: $faint-secondary-primary-20; } + // style for standard close button in modal and popups + &.close { + width: 32px; + height: 22px; + padding: 0px; + margin: 0px; + background-color: $faint-secondary-primary-1; + border: 1px solid $faint-secondary-primary-10; + border-radius: 7px; + &:hover { + background-color: $faint-secondary-primary-2; + } + } } .btn-unstiled { |