CSS: Style a.button (WIP)

refs #5543
Icinga · Sep 25, 2015 · 98c0d7b · 98c0d7b
1 parent b6d723b
commit 98c0d7b
Showing 1 changed file with 33 additions and 0 deletions.
diff --git 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;
+  }
+}