form-validation.scss 946 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. // Core variables and mixins
  2. @import "../../../bootstrap/functions";
  3. @import "../../../bootstrap/mixins";
  4. // Core variables and mixins overrides
  5. @import "../../../core/variables/variables";
  6. @import "../../../bootstrap/variables";
  7. // Overrides user variable
  8. @import "../../../core/variables/components-variables";
  9. .form-group{
  10. // when an issue or error occured
  11. &.issue, &.error{
  12. .help-block, .help-inline{
  13. color: $danger;
  14. }
  15. input, select, textarea{
  16. border-color: $danger;
  17. }
  18. input:focus, select:focus, textarea:focus{
  19. border-color: $danger;
  20. -webkit-box-shadow: 0 3 10px 0 $danger;
  21. -moz-box-shadow: 0 3 10px 0 $danger;
  22. box-shadow: 0 3 10px 0 $danger;
  23. }
  24. }
  25. // Validation Message Scss
  26. .help-block ul{
  27. padding-left: 0;
  28. li{
  29. list-style-type: none;
  30. font-size: 0.875rem;
  31. padding-top: 0.2rem;
  32. }
  33. }
  34. }