ornamentum/prebuilt-themes/addon.aegean.theme.css

Angular Toolkit

.ng-data-table-checkbox-container,
.ng-dropdown-checkbox-container {
  position: relative;
  top: .2rem; }
  .ng-data-table-checkbox-container *,
  .ng-data-table-checkbox-container ::before,
  .ng-data-table-checkbox-container ::after,
  .ng-dropdown-checkbox-container *,
  .ng-dropdown-checkbox-container ::before,
  .ng-dropdown-checkbox-container ::after {
    box-sizing: border-box; }
  .ng-data-table-checkbox-container label,
  .ng-dropdown-checkbox-container label {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: 16px;
    margin: 0;
    padding-left: 16px;
    position: relative; }
    .ng-data-table-checkbox-container label::before, .ng-data-table-checkbox-container label::after,
    .ng-dropdown-checkbox-container label::before,
    .ng-dropdown-checkbox-container label::after {
      content: '';
      position: absolute; }
    .ng-data-table-checkbox-container label::before,
    .ng-dropdown-checkbox-container label::before {
      background: transparent;
      border: 1px solid #344;
      border-radius: 1px;
      box-shadow: none;
      display: inline-block;
      height: 16px;
      left: 0;
      transition: background 1s cubic-bezier(0.45, 2, 0.5, 0.75);
      top: 0;
      width: 16px; }
    .ng-data-table-checkbox-container label::after,
    .ng-dropdown-checkbox-container label::after {
      border-left: 1px solid #fff;
      border-bottom: 1px solid #fff;
      height: 4px;
      left: 4px;
      top: 5px;
      transform: rotate(-45deg) scale(0, 0);
      transition: transform 0.2s cubic-bezier(0.45, 2, 0.5, 0.75);
      width: 8px; }
  .ng-data-table-checkbox-container input[type="checkbox"],
  .ng-dropdown-checkbox-container input[type="checkbox"] {
    height: 16px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 16px; }
    .ng-data-table-checkbox-container input[type="checkbox"]:checked + label::before,
    .ng-dropdown-checkbox-container input[type="checkbox"]:checked + label::before {
      background: #f00;
      border-color: #344;
      transition: background 0.2s cubic-bezier(0.45, 2, 0.5, 0.75); }
    .ng-data-table-checkbox-container input[type="checkbox"]:checked + label::after,
    .ng-dropdown-checkbox-container input[type="checkbox"]:checked + label::after {
      transform: rotate(-45deg) scale(1, 1);
      transition: transform 0.4s cubic-bezier(0.45, 2, 0.5, 0.75); }
  .ng-data-table-checkbox-container.box label::before,
  .ng-dropdown-checkbox-container.box label::before {
    transition: background 0.2s cubic-bezier(0.45, 2, 0.5, 0.75); }
  .ng-data-table-checkbox-container.box label::after,
  .ng-dropdown-checkbox-container.box label::after {
    background: #f00;
    border: none;
    height: 7.11111px;
    left: 4.44444px;
    top: 4.44444px;
    transform: scale(0, 0);
    transition: transform 0.2s cubic-bezier(0.45, 2, 0.5, 0.75);
    width: 7.11111px; }
  .ng-data-table-checkbox-container.box input[type="checkbox"]:checked + label::before,
  .ng-dropdown-checkbox-container.box input[type="checkbox"]:checked + label::before {
    background: #f00;
    border: 1px solid #344;
    transition: background 0.2s cubic-bezier(0.45, 2, 0.5, 0.75); }
  .ng-data-table-checkbox-container.box input[type="checkbox"]:checked + label::after,
  .ng-dropdown-checkbox-container.box input[type="checkbox"]:checked + label::after {
    transform: scale(1, 1);
    transition: transform 0.2s cubic-bezier(0.45, 2, 0.5, 0.75); }

.ng-dropdown-checkbox-container {
  display: block;
  top: 0; }

/*# sourceMappingURL=addon.aegean.theme.css.map */