Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / app / styles / buttons.less

diff --git a/ecomp-portal-FE/client/app/styles/buttons.less b/ecomp-portal-FE/client/app/styles/buttons.less
new file mode 100644 (file)
index 0000000..5edf938
--- /dev/null
+++ b/ecomp-portal-FE/client/app/styles/buttons.less
@@ -0,0 +1,72 @@
+/*-
+ * ================================================================================
+ * eCOMP Portal
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ================================================================================
+ */
+ .ecomp-btn {
+    .u14m;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 6px;
+    box-shadow: 0px 1px 0.99px 0.01px rgba(2, 60, 89, 0.004);
+    height: 29px;
+    line-height: 29px;
+    cursor: pointer;
+    text-align: center;
+
+    &:disabled {
+        opacity: .5;
+        cursor: default;
+    }
+    &:focus {
+        outline: 0;
+        border: 1px solid @k;
+    }
+}
+.btn-green {
+    .ecomp-btn;
+    border-color: @green-border;
+    background: @green-active;
+    &:hover {
+        &:disabled {
+            background: @green-active;
+        }
+        background: @green-hover;
+    }
+}
+.btn-blue {
+    .ecomp-btn;
+    background: @blue-active;
+
+    &:hover {
+        -webkit-transition: background-color .3s ease-out;
+        -moz-transition: background-color .3s ease-out;
+        transition: background-color .3s ease-out;
+        background: @blue-hover;
+        color : #f2f2f2;
+        &.disabled {
+            background: @blue-active;
+            opacity: 0.5;
+            cursor: default;
+        }
+    }
+
+    &.disabled {
+        opacity: 0.5;
+        cursor: default;
+    }
+}