diff options
Diffstat (limited to 'plugins/Morpheus/stylesheets/ui/_buttons.less')
-rw-r--r-- | plugins/Morpheus/stylesheets/ui/_buttons.less | 48 |
1 files changed, 15 insertions, 33 deletions
diff --git a/plugins/Morpheus/stylesheets/ui/_buttons.less b/plugins/Morpheus/stylesheets/ui/_buttons.less index ce5417007d..6aaccdd9f4 100644 --- a/plugins/Morpheus/stylesheets/ui/_buttons.less +++ b/plugins/Morpheus/stylesheets/ui/_buttons.less @@ -1,18 +1,15 @@ // We use `button:not(.btn)` because `button` has a higher priority than CSS classes // which makes it impossible to use btn-lg or similar additional classes. -button:not(.btn), -input[type="submit"]:not(.btn), -.btn { + +button.btn,input[type="submit"].btn, .btn { display: inline-block; .border-radius(3px); background: none; - color: @theme-color-brand-contrast; background-color: @theme-color-brand; - box-shadow: 0 1px 1px 0 rgba(13, 13, 13, 0.3); + color: @theme-color-brand-contrast !important; #gradient > .vertical(rgba(255,255,255,.15), rgba(255,255,255,0)); - .font-default(12px, 16px); + font-size: 12px; font-weight: normal; - padding: 5px 15px; text-align: center; text-decoration: none; cursor: pointer; @@ -29,16 +26,22 @@ input[type="submit"]:not(.btn), } } +.btn-flat:hover { + background-color: @theme-color-background-base; + text-decoration: none !important; + box-shadow: 0 0; +} + +.btn.btn-small { + padding: 0 16px; +} + + // Bootstrap classes (can be removed in the future) .btn { display: inline-block; } -.btn-lg { - padding: 12px 40px; - font-size: 14px; -} .btn-block { - display: block; width: 100%; } .btn-block + .btn-block { @@ -51,12 +54,6 @@ input[type="submit"]:not(.btn), opacity: .65; } // See http://getbootstrap.com/css/#buttons-options -.btn.btn-link { - background: transparent; - color: @theme-color-link; - text-decoration: underline; - box-shadow: none; -} .btn.btn-noop { background: transparent; color: @theme-color-text; @@ -64,18 +61,3 @@ input[type="submit"]:not(.btn), cursor: not-allowed; box-shadow: none; } - -.btn.btn-flat { - background: transparent; - border-radius: 0; - color: @theme-color-text-light; - box-shadow: none; - padding: 5px 10px; - &:hover { - background-color: #eaeaea; - text-decoration: none; - } - &.btn-lg { - padding: 12px; - } -} |