You are here

form-horizontal.css in Open Social 8.8

.form-horizontal .form-fieldset {
  margin-bottom: 2rem;
}

@media (min-width: 600px) {
  .form-horizontal .form-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .form-horizontal .help-block {
    flex-basis: 100%;
  }
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    line-height: 1.5;
    flex: 1 1 auto;
    padding-right: 1em;
  }
  .form-horizontal .control-label + .form-control,
  .form-horizontal .control-label + .select-wrapper {
    flex: 0 1 auto;
    width: auto;
  }
  .form-horizontal .control-label--wide {
    flex: 3 1 70%;
  }
  .form-horizontal .control-label--wide + .form-control,
  .form-horizontal .control-label--wide + .select-wrapper {
    flex: 1 1 30%;
  }
}

@media (min-width: 1200px) {
  .form-horizontal .control-label--wide {
    flex-basis: 80%;
  }
  .form-horizontal .control-label--wide + .form-control,
  .form-horizontal .control-label--wide + .select-wrapper {
    flex-basis: 20%;
  }
}

File

themes/socialbase/assets/css/form-horizontal.css
View source
  1. .form-horizontal .form-fieldset {
  2. margin-bottom: 2rem;
  3. }
  4. @media (min-width: 600px) {
  5. .form-horizontal .form-group {
  6. display: flex;
  7. flex-wrap: wrap;
  8. align-items: flex-start;
  9. }
  10. .form-horizontal .help-block {
  11. flex-basis: 100%;
  12. }
  13. .form-horizontal .control-label {
  14. margin-bottom: 0;
  15. padding-top: 7px;
  16. line-height: 1.5;
  17. flex: 1 1 auto;
  18. padding-right: 1em;
  19. }
  20. .form-horizontal .control-label + .form-control,
  21. .form-horizontal .control-label + .select-wrapper {
  22. flex: 0 1 auto;
  23. width: auto;
  24. }
  25. .form-horizontal .control-label--wide {
  26. flex: 3 1 70%;
  27. }
  28. .form-horizontal .control-label--wide + .form-control,
  29. .form-horizontal .control-label--wide + .select-wrapper {
  30. flex: 1 1 30%;
  31. }
  32. }
  33. @media (min-width: 1200px) {
  34. .form-horizontal .control-label--wide {
  35. flex-basis: 80%;
  36. }
  37. .form-horizontal .control-label--wide + .form-control,
  38. .form-horizontal .control-label--wide + .select-wrapper {
  39. flex-basis: 20%;
  40. }
  41. }