You are here

form-horizontal.css in Open Social 8.3

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

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

@media (min-width: 1200px) {
  .form-horizontal .control-label--wide {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
  .form-horizontal .control-label--wide + .form-control,
  .form-horizontal .control-label--wide + .select-wrapper {
    -ms-flex-preferred-size: 20%;
        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: -webkit-box;
  7. display: -ms-flexbox;
  8. display: flex;
  9. -ms-flex-wrap: wrap;
  10. flex-wrap: wrap;
  11. -webkit-box-align: start;
  12. -ms-flex-align: start;
  13. align-items: flex-start;
  14. }
  15. .form-horizontal .help-block {
  16. -ms-flex-preferred-size: 100%;
  17. flex-basis: 100%;
  18. }
  19. .form-horizontal .control-label {
  20. margin-bottom: 0;
  21. padding-top: 7px;
  22. line-height: 1.5;
  23. -webkit-box-flex: 1;
  24. -ms-flex: 1 1 auto;
  25. flex: 1 1 auto;
  26. padding-right: 1em;
  27. }
  28. .form-horizontal .control-label + .form-control,
  29. .form-horizontal .control-label + .select-wrapper {
  30. -webkit-box-flex: 0;
  31. -ms-flex: 0 1 auto;
  32. flex: 0 1 auto;
  33. width: auto;
  34. }
  35. .form-horizontal .control-label--wide {
  36. -webkit-box-flex: 3;
  37. -ms-flex: 3 1 70%;
  38. flex: 3 1 70%;
  39. }
  40. .form-horizontal .control-label--wide + .form-control,
  41. .form-horizontal .control-label--wide + .select-wrapper {
  42. -webkit-box-flex: 1;
  43. -ms-flex: 1 1 30%;
  44. flex: 1 1 30%;
  45. }
  46. }
  47. @media (min-width: 1200px) {
  48. .form-horizontal .control-label--wide {
  49. -ms-flex-preferred-size: 80%;
  50. flex-basis: 80%;
  51. }
  52. .form-horizontal .control-label--wide + .form-control,
  53. .form-horizontal .control-label--wide + .select-wrapper {
  54. -ms-flex-preferred-size: 20%;
  55. flex-basis: 20%;
  56. }
  57. }