From 9c7d93e55b49abf92802b5358e8c685686338fd9 Mon Sep 17 00:00:00 2001 From: Eric Lippmann Date: Wed, 30 Sep 2015 11:13:45 +0200 Subject: [PATCH] CSS: Add button mixin refs #5543 --- public/css/icinga/mixins.less | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/public/css/icinga/mixins.less b/public/css/icinga/mixins.less index 4c583198e..1dc654ea1 100644 --- a/public/css/icinga/mixins.less +++ b/public/css/icinga/mixins.less @@ -6,6 +6,26 @@ box-sizing: @sizing; } +.button() { + .rounded-corners(3px); + background-color: @body-bg-color; + border: 2px solid @icinga-blue; + color: @icinga-blue; + cursor: pointer; + padding: @vertical-padding @horizontal-padding; + + -webkit-transition: background 0.3s ease, color 0.3s ease; + -moz-transition: background 0.3s ease, color 0.3s ease; + -o-transition: background 0.3s ease, color 0.3s ease; + transition: background 0.3s ease, color 0.3s ease; + + &:hover { + background-color: @icinga-blue; + color: @text-color-inverted; + text-decoration: none; + } +} + .transform(@transform) { -webkit-transform: @transform; -moz-transform: @transform;