CSS: Style a.button (WIP)

refs #5543
2015-09-25 14:42:14 +02:00 · 2015-09-25 14:42:14 +02:00 · 98c0d7beec
parent b6d723bb34
commit 98c0d7beec
1 changed files with 33 additions and 0 deletions
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@ -103,3 +103,36 @@ table.listing-table {
    }
  }
 }
+
+a.button {
+  .rounded-corners(5px);
+  background-color: @body-bg-color;
+  border: 2px solid @icinga-blue;
+  color: @icinga-blue;
+  cursor: pointer;
+  display: block;
+  font-size: 14px;
+  height: 40px;
+  line-height: 22px;
+  padding: @vertical-padding @horizontal-padding;
+  width: 200px;
+
+  -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;
+
+  * {
+    line-height: inherit;
+  }
+
+  &:hover {
+    background-color: @icinga-blue;
+    color: @text-color-inverted;
+    text-decoration: none;
+  }
+
+  i {
+    font-size: 18px;
+  }
+}