Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.

46 lines
1.2KB

  1. .form-sent {
  2. .form-control:invalid {
  3. border-color: #dc3545;
  4. padding-right: 2.25rem;
  5. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  6. background-repeat: no-repeat;
  7. background-position: center right calc(.375em + .1875rem);
  8. background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  9. }
  10. select.form-control:invalid + .select2 .select2-selection {
  11. border-color: #dc3545;
  12. }
  13. select.form-control:invalid + .select2 .select2-selection b {
  14. border-color: #dc3545 transparent transparent transparent;
  15. }
  16. .form-check-label input:invalid ~ .checkmark {
  17. border-color: #dc3545;
  18. }
  19. }
  20. .nav-item .nav-link {
  21. position: relative;
  22. .invalid-form {
  23. display: none;
  24. position: absolute;
  25. top: -7px;
  26. right: -6px;
  27. color: #dc3545;
  28. background: #fff;
  29. border-radius: 10px;
  30. font-size: 1.2rem;
  31. }
  32. }
  33. .nav-item.has-invalid .nav-link .invalid-form {
  34. display: inline-block;
  35. z-index: 2;
  36. }