GCLS_Page_Exercise/src/styles/element.scss

@use './variables.scss' as *;

div.el-table {
  .el-table__cell {
    padding: 8px 0;
  }

  &--small {
    font-size: 14px;
    color: $font-color;
  }
}

.el-pagination {
  text-align: right;
}

div.el-dialog {
  border-radius: 4px;

  &__header {
    padding: 35px 35px 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
  }
}

.el-form-item {
  color: $font-light-color;

  & > &__label {
    padding-right: 16px;
  }
}

.el-input {
  input.el-input__inner {
    background-color: $fill-color;

    &::placeholder {
      color: $text-color;
    }
  }
}

label.el-radio {
  margin-right: 24px;
  color: $font-color;

  .el-radio__input.is-checked + .el-radio__label {
    color: $font-color;
  }

  .el-radio__input.is-checked .el-radio__inner {
    background-color: $main-color;
    border-color: $main-color;
  }
}

.el-textarea {
  textarea {
    font-family: 'Inter', system-ui, 'Avenir', 'Helvetica', 'Arial', sans-serif;
  }

  textarea.el-textarea__inner::placeholder {
    color: $text-color;
  }
}