catalog-ui/src/app/ng2/components/filter-properties-assignment/filter-properties-assignment.component.less

   1 @import '../../../../assets/styles/variables';
   2 form{
   3     margin: 0 20px;
   4     .field{
   5         padding:20px 0;
   6         &:not(:last-child){
   7             border-bottom: solid 1px @main_color_o;
   8         }
   9         input{
  10             &::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */
  11             &:-moz-placeholder { font-style: italic; } /* Firefox 18- */
  12             &::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
  13             &:-ms-input-placeholder { font-style: italic; } /* IE 10+ */
  14             &:-ms-input-placeholder { font-style: italic; } /* Edge */
  15         }
  16     }
  17     /deep/ [ng-reflect-checked="true"]{
  18         /deep/ .checkbox-label-content{
  19             color: @main_color_a;
  20         }
  21     }
  22 }
  23
  24 .open-filter-button{
  25     cursor: pointer;
  26     width: 32px;
  27     height: 34px;
  28     display: inline-block;
  29     &.open{
  30         z-index: 1061;
  31         position: relative;
  32         top: 2px;
  33         background-color: @main_color_p;
  34         border: solid 1px @main_color_c;
  35         border-bottom: none;
  36     }
  37     .filter-icon{
  38         top: 8px;
  39         right: 2px;
  40         position: relative;
  41     }
  42 }
  43
  44 /deep/ .popover{
  45     border: solid 1px @main_color_c !important;
  46 }