File "_eRadio.scss"

Full Path: /home/nibras/public_html/public/assets/payment/style/css/_eRadio.scss
File size: 3.39 KB
MIME-type: text/plain
Charset: utf-8

.eRadios {
  .form-check {
    &.eForm-radio {
      padding-left: 0;
      .row {
        gap: 8px;
      }
    }
  }
  input.form-check-input {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: 0.45em;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border: 1px solid $eColor_Blackish_bg;
    &:checked {
      background-color: $eColor_Blue;
      border-color: $eColor_Blue;
    }
    &.eRadioPrimary {
      &:checked {
        background-color: $eColor_Blue;
        border-color: $eColor_Blue;
      }
    }
    &.eRadioSuccess {
      &:checked {
        background-color: $success;
        border-color: $success;
      }
    }
    &.eRadioInfo {
      &:checked {
        background-color: $info;
        border-color: $info;
      }
    }
    &.eRadioWarning {
      &:checked {
        background-color: $warning;
        border-color: $warning;
      }
    }
    &.eRadioDanger {
      &:checked {
        background-color: $dnager;
        border-color: $dnager;
      }
    }
    &.eRadioOutlinePrimary {
      &:checked {
        background-color: transparent;
        border-color: $eColor_Blue;
        background-image: none;
        position: relative;
        &::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 6px;
          height: 6px;
          background-color: $eColor_Blue;
          border-radius: 50%;
        }
      }
    }
    &.eRadioOutlineSuccess {
      &:checked {
        background-color: transparent;
        border-color: $success;
        background-image: none;
        position: relative;
        &::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 6px;
          height: 6px;
          background-color: $success;
          border-radius: 50%;
        }
      }
    }
    &.eRadioOutlineInfo {
      &:checked {
        background-color: transparent;
        border-color: $info;
        background-image: none;
        position: relative;
        &::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 6px;
          height: 6px;
          background-color: $info;
          border-radius: 50%;
        }
      }
    }
    &.eRadioOutlineWarning {
      &:checked {
        background-color: transparent;
        border-color: $warning;
        background-image: none;
        position: relative;
        &::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 6px;
          height: 6px;
          background-color: $warning;
          border-radius: 50%;
        }
      }
    }
    &.eRadioOutlineDanger {
      &:checked {
        background-color: transparent;
        border-color: $dnager;
        background-image: none;
        position: relative;
        &::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 6px;
          height: 6px;
          background-color: $dnager;
          border-radius: 50%;
        }
      }
    }
  }
  label {
    font-size: 12px;
    font-weight: $fw_Medium;
    color: $eColor_Blueish;
  }
}