openecomp-ui/resources/scss/_components.scss

   1 @import "components/punchOut";
   2 @import "components/buttons";
   3 @import "components/forms";
   4 @import "components/validationForm";
   5 @import "components/dualListBox";
   6 @import "components/listEditorView";
   7 @import "components/toggleInput";
   8 @import "components/notifications";
   9 @import "components/inputOptions";
  10 @import "components/progressBar";
  11 @import "components/versionController";
  12 @import "components/sequenceDiagram";
  13 @import "components/navigationSideBar";
  14 @import "components/loader";
  15 @import "components/dropzone";
  16 @import "components/submitErrorResponse";
  17 @import "components/expandableInput";
  18 @import "components/grid";
  19 @import "components/activityLog";
  20 @import "components/selectActionTable";
  21 @import "components/datepicker";
  22
  23 %noselect {
  24   -webkit-touch-callout: none;
  25   -webkit-user-select: none;
  26   -moz-user-select: none;
  27   -ms-user-select: none;
  28   user-select: none;
  29 }
  30
  31 .clickable {
  32   cursor: pointer;
  33 }
  34
  35 .no-padding {
  36   padding: 0;
  37 }
  38
  39 .next-to-icon-label {
  40   $margin: 10px;
  41   margin-left: $margin;
  42   &.right {
  43     margin-left: 0;
  44     margin-right: $margin;
  45   }
  46 }
  47
  48 .search-wrapper {
  49   display: flex;
  50   .search-input-control {
  51     flex: 1 1;
  52     margin: 0;
  53     .form-control {
  54       font-style: italic;
  55     }
  56   }
  57   .search-icon {
  58     position: relative;
  59     left: -23px;
  60     align-self: center;
  61     width: 0;
  62     color: $dark-gray;
  63   }
  64   .filter-icon {
  65     position: relative;
  66     left: -20px;
  67     align-self: center;
  68     width: 0;
  69     background-color: $white;
  70   }
  71 }
  72
  73 .warning-icon {
  74   margin-left: 50%;
  75   color: $yellow;
  76 }
  77
  78 .chevron::before {
  79   border-style: solid;
  80   border-width: 0.15em 0.15em 0 0;
  81   content: '';
  82   display: inline-block;
  83   height: 0.8em;
  84   left: 0.15em;
  85   position: relative;
  86   top: 0.15em;
  87   vertical-align: top;
  88   width: 0.8em;
  89 }
  90 .chevron.right:before {
  91   left: 0;
  92   transform: rotate(45deg);
  93 }
  94 .chevron.down:before {
  95   transform: rotate(135deg);
  96 }
  97 .chevron.left:before {
  98   transform: rotate(-135deg);
  99 }
 100 .chevron.top:before {
 101   transform: rotate(-45deg);
 102 }