diff options
Diffstat (limited to 'src/assets/styles/bmc/custom/_buttons.scss')
-rw-r--r-- | src/assets/styles/bmc/custom/_buttons.scss | 65 |
1 files changed, 57 insertions, 8 deletions
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss index e128a6db..04c612ec 100644 --- a/src/assets/styles/bmc/custom/_buttons.scss +++ b/src/assets/styles/bmc/custom/_buttons.scss @@ -1,14 +1,7 @@ .btn { - // padding-top: $spacer / 2; - // padding-right: $spacer; - // padding-bottom: $spacer / 2; - // padding-left: $spacer; display: inline-flex; align-items: center; justify-content: space-around; - svg { - // margin-right: $spacer / 4; - } &:disabled { color: gray("600"); fill: currentColor; @@ -24,6 +17,7 @@ background-color: $red-brand-primary; border-radius: 8px; border: none; + box-shadow: 1px 2px 2px -1px rgb(79 37 37 / 40%) inset; font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; @@ -55,6 +49,7 @@ color: $red-brand-primary; border-radius: 8px; border: none; + box-shadow: 1px 2px 4px -1px rgb(79 37 37 / 10%) inset; font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; @@ -79,7 +74,57 @@ } } -// Global style for all button link +.btn-unstiled { + border: none; + &:focus { + box-shadow: none; + } + &:active { + box-shadow: none; + } +} + +.btn-popover { + border: none; + color: $red-brand-primary; + height: 28px; + border-radius: 8px; + font-weight: 500; + font-size: 12px; + transition: ease-in 0.2s; + &:hover { + color: $white; + transition: ease-in 0.2s; + } + &:focus { + box-shadow: none; + } + &:active { + box-shadow: none; + } + &.selected-unit-button { + transition: ease-in 0.2s; + color: $white; + } + &.selected-choice-button { + transition: ease-in 0.2s; + color: $white; + } +} + +.btn-toogle-popover { + justify-content: flex-start; + width: 25px; + height: 16px; + padding: 0; + &:focus { + box-shadow: none; + } + &:active { + box-shadow: none; + } +} + .btn-link { // font-weight: $headings-font-weight; color: $text-primary; @@ -104,6 +149,10 @@ transform: rotate(180deg); transition: 0.3s linear; } + .icon-expand-right { + transform: rotate(180deg); + transition: 0.3s linear; + } } } |