diff --git a/src/popup/scss/buttons.scss b/src/popup/scss/buttons.scss index 1be16c912e..f312aa4629 100644 --- a/src/popup/scss/buttons.scss +++ b/src/popup/scss/buttons.scss @@ -1,88 +1,98 @@ -@import "variables.scss"; - -.btn { - border-radius: $border-radius; - padding: 7px 15px; - border: 1px solid #000000; - font-size: $font-size-base; - white-space: nowrap; - text-align: center; - cursor: pointer; - - @include themify($themes) { - background-color: themed('buttonBackgroundColor'); - border-color: themed('buttonBorderColor'); - color: themed('buttonColor'); - } - - &.primary { - @include themify($themes) { - color: themed('buttonPrimaryColor'); - } - } - - &.danger { - @include themify($themes) { - color: themed('buttonDangerColor'); - } - } - - &:hover:not([disabled]) { - cursor: pointer; - - @include themify($themes) { - background-color: darken(themed('buttonBackgroundColor'), 1.5%); - border-color: darken(themed('buttonBorderColor'), 17%); - color: darken(themed('buttonColor'), 10%); - } - - &.primary { - @include themify($themes) { - color: darken(themed('buttonPrimaryColor'), 6%); - } - } - - &.danger { - @include themify($themes) { - color: darken(themed('buttonDangerColor'), 6%); - } - } - } - - &:focus:not([disabled]) { - cursor: pointer; - outline: 0; - - @include themify($themes) { - background-color: darken(themed('buttonBackgroundColor'), 6%); - border-color: darken(themed('buttonBorderColor'), 25%); - } - } - - &[disabled] { - opacity: 0.65; - cursor: default !important; - } - - &.block { - display: block; - width: 100%; - } - - &.link { - border: none !important; - background: none !important; - - &:focus { - text-decoration: underline; - } - } -} - -.action-buttons { - .btn { - &:focus { - outline: auto; - } - } -} +@import "variables.scss"; + +.btn { + border-radius: $border-radius; + padding: 7px 15px; + border: 1px solid #000000; + font-size: $font-size-base; + white-space: nowrap; + text-align: center; + cursor: pointer; + + @include themify($themes) { + background-color: themed('buttonBackgroundColor'); + border-color: themed('buttonBorderColor'); + color: themed('buttonColor'); + } + + &.primary { + @include themify($themes) { + color: themed('buttonPrimaryColor'); + } + } + + &.danger { + @include themify($themes) { + color: themed('buttonDangerColor'); + } + } + + &:hover:not([disabled]) { + cursor: pointer; + + @include themify($themes) { + background-color: darken(themed('buttonBackgroundColor'), 1.5%); + border-color: darken(themed('buttonBorderColor'), 17%); + color: darken(themed('buttonColor'), 10%); + } + + &.primary { + @include themify($themes) { + color: darken(themed('buttonPrimaryColor'), 6%); + } + } + + &.danger { + @include themify($themes) { + color: darken(themed('buttonDangerColor'), 6%); + } + } + } + + &:focus:not([disabled]) { + cursor: pointer; + outline: 0; + + @include themify($themes) { + background-color: darken(themed('buttonBackgroundColor'), 6%); + border-color: darken(themed('buttonBorderColor'), 25%); + } + } + + &[disabled] { + opacity: 0.65; + cursor: default !important; + } + + &.block { + display: block; + width: 100%; + } + + &.link { + border: none !important; + background: none !important; + + &:focus { + text-decoration: underline; + } + } +} + +.action-buttons { + .btn { + &:focus { + outline: auto; + } + } +} + +button.box-content-row { + display: block; + width: 100%; + background: none; +} + +button { + border: none; +} \ No newline at end of file