diff --git a/app/styles/screwdriver-button.scss b/app/styles/screwdriver-button.scss new file mode 100644 index 000000000..b218fc47c --- /dev/null +++ b/app/styles/screwdriver-button.scss @@ -0,0 +1,23 @@ +@use 'screwdriver-colors' as colors; + +@mixin styles { + .btn-primary { + color: colors.$sd-white; + background-color: colors.$sd-running; + border-color: colors.$sd-running; + + &:hover { + background-color: rgba(colors.$sd-running, 0.75); + border-color: transparent; + } + } + + .btn-outline-primary { + color: colors.$sd-running; + border-color: colors.$sd-running; + + &:hover { + background-color: rgba(colors.$sd-running, 0.1); + } + } +}