vid-webpack-master/src/app/shared/components/formControls/component/checkbox/checkbox.formControl.component.scss

   1 .details-item input {
   2   cursor: pointer;
   3   opacity: 0;
   4   position: absolute;
   5   z-index: 100;
   6   width: 24px;
   7   height: 22px;
   8   margin: 0;
   9 }
  10
  11 .details-item label {
  12   position: relative;
  13   cursor: pointer;
  14   float: left;
  15 }
  16
  17 .details-item label:before {
  18   content:'';
  19   -webkit-appearance: none;
  20   background-color: transparent;
  21   border: 2px solid #0079bf;
  22   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  23   padding: 10px;
  24   display: inline-block;
  25   position: relative;
  26   vertical-align: middle;
  27   cursor: pointer;
  28   margin-right: 5px;
  29 }
  30
  31 .details-item input:checked + label:after {
  32   content: '';
  33   display: block;
  34   position: absolute;
  35   top: 2px;
  36   left: 9px;
  37   width: 6px;
  38   height: 14px;
  39   border: solid #0079bf;
  40   border-width: 0 2px 2px 0;
  41   transform: rotate(45deg);
  42 }