resources/scss/_components.scss

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