resources/scss/_components.scss

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * SPARKY (AAI UI service)
   4 * ================================================================================
   5 * Copyright © 2017 AT&T Intellectual Property.
   6 * Copyright © 2017 Amdocs
   7 * All rights reserved.
   8 * ================================================================================
   9 * Licensed under the Apache License, Version 2.0 (the "License");
  10 * you may not use this file except in compliance with the License.
  11 * You may obtain a copy of the License at
  12 *
  13 *      http://www.apache.org/licenses/LICENSE-2.0
  14 *
  15 * Unless required by applicable law or agreed to in writing, software
  16 * distributed under the License is distributed on an "AS IS" BASIS,
  17 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18 * See the License for the specific language governing permissions and
  19 * limitations under the License.
  20 * ============LICENSE_END=========================================================
  21 *
  22 * ECOMP and OpenECOMP are trademarks
  23 * and service marks of AT&T Intellectual Property.
  24 */
  25
  26 @import "components/punchOut";
  27 @import "components/buttons";
  28 @import "components/validationForm";
  29 @import "components/slidePanel";
  30 @import "components/toggleInput";
  31 @import "components/notifications";
  32 @import "components/inputOptions";
  33 @import "components/progressBar";
  34 @import "components/dropdownMultiSelect";
  35 @import "components/inlineMessage";
  36 @import "components/dateRange";
  37 @import "components/dateRangeSelector";
  38 @import "components/toggleButtonGroup";
  39 @import "components/titledComponent";
  40 @import "components/containerPanel";
  41
  42 %noselect {
  43   -webkit-touch-callout: none;
  44   -webkit-user-select: none;
  45   -moz-user-select: none;
  46   -ms-user-select: none;
  47   user-select: none;
  48 }
  49
  50 .clickable {
  51   cursor: pointer;
  52 }
  53
  54 .no-padding {
  55   padding: 0;
  56 }
  57
  58 .next-to-icon-label {
  59   $margin: 10px;
  60   margin-left: $margin;
  61   &.right {
  62     margin-left: 0;
  63     margin-right: $margin;
  64   }
  65 }
  66
  67 .search-wrapper {
  68   display: flex;
  69   .search-input-control {
  70     flex: 1 1;
  71     margin: 0;
  72   }
  73   .search-icon {
  74     position: relative;
  75     left: -20px;
  76     align-self: center;
  77     width: 0;
  78     color: $dark-gray;
  79   }
  80 }
  81