Initial coomit for AAI-UI(sparky-fe)

[aai/sparky-fe.git] / resources / scss / _components.scss

diff --git a/resources/scss/_components.scss b/resources/scss/_components.scss
new file mode 100644 (file)
index 0000000..2b0a911
--- /dev/null
+++ b/resources/scss/_components.scss
@@ -0,0 +1,81 @@
+/*
+* ============LICENSE_START=======================================================
+* SPARKY (AAI UI service)
+* ================================================================================
+* Copyright © 2017 AT&T Intellectual Property.
+* Copyright © 2017 Amdocs
+* All rights reserved.
+* ================================================================================
+* 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.
+* ============LICENSE_END=========================================================
+*
+* ECOMP and OpenECOMP are trademarks
+* and service marks of AT&T Intellectual Property.
+*/
+
+@import "components/punchOut";
+@import "components/buttons";
+@import "components/validationForm";
+@import "components/slidePanel";
+@import "components/toggleInput";
+@import "components/notifications";
+@import "components/inputOptions";
+@import "components/progressBar";
+@import "components/dropdownMultiSelect";
+@import "components/inlineMessage";
+@import "components/dateRange";
+@import "components/dateRangeSelector";
+@import "components/toggleButtonGroup";
+@import "components/titledComponent";
+@import "components/containerPanel";
+
+%noselect {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.no-padding {
+  padding: 0;
+}
+
+.next-to-icon-label {
+  $margin: 10px;
+  margin-left: $margin;
+  &.right {
+    margin-left: 0;
+    margin-right: $margin;
+  }
+}
+
+.search-wrapper {
+  display: flex;
+  .search-input-control {
+    flex: 1 1;
+    margin: 0;
+  }
+  .search-icon {
+    position: relative;
+    left: -20px;
+    align-self: center;
+    width: 0;
+    color: $dark-gray;
+  }
+}
+