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