You are here

entity_export_csv.css in Entity Export CSV 8

.inline-elements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: stretch;
      align-items: stretch;
}
.inline-elements > fieldset.form-item {
  margin: 5px;
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  max-width: 100%;
}
@media screen and (min-width: 460px) {
  .inline-elements > fieldset.form-item {
    -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .inline-elements > fieldset.form-item {
    -ms-flex: 1 0 33.33333333%;
        flex: 1 0 33.33333333%;
    max-width: 33.33333333%;
  }
}
@media screen and (min-width: 991px) {
  .inline-elements > fieldset.form-item {
    -ms-flex: 1 0 25%;
        flex: 1 0 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1260px) {
  .inline-elements > fieldset.form-item {
    -ms-flex: 1 0 16.666666666%;
        flex: 1 0 16.666666666%;
    max-width: 16.666666666%;
  }
}
.inline-elements > .form-item.reset-flex {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
  max-width: 100%;
}
.inline-elements fieldset:not(.fieldgroup) {
  padding-top: 40px;
}
.inline-elements fieldset:not(.fieldgroup) > legend {
  position: absolute;
  top: 10px;
  letter-spacing: 0.08em;
  text-transform: none;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1rem;
}
.inline-radios .form-radios {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}
.inline-radios .form-radios .form-type-radio {
  padding-right: 1rem;
}
input.button.btn-secondary {
  background: transparent;
}
input.button.btn-secondary:hover {
  background: transparent;
}

File

css/entity_export_csv.css
View source
  1. .inline-elements {
  2. display: -ms-flexbox;
  3. display: flex;
  4. -ms-flex-direction: row;
  5. flex-direction: row;
  6. -ms-flex-wrap: wrap;
  7. flex-wrap: wrap;
  8. -ms-flex-align: stretch;
  9. align-items: stretch;
  10. }
  11. .inline-elements > fieldset.form-item {
  12. margin: 5px;
  13. -ms-flex: 1 0 100%;
  14. flex: 1 0 100%;
  15. max-width: 100%;
  16. }
  17. @media screen and (min-width: 460px) {
  18. .inline-elements > fieldset.form-item {
  19. -ms-flex: 1 0 50%;
  20. flex: 1 0 50%;
  21. max-width: 50%;
  22. }
  23. }
  24. @media screen and (min-width: 768px) {
  25. .inline-elements > fieldset.form-item {
  26. -ms-flex: 1 0 33.33333333%;
  27. flex: 1 0 33.33333333%;
  28. max-width: 33.33333333%;
  29. }
  30. }
  31. @media screen and (min-width: 991px) {
  32. .inline-elements > fieldset.form-item {
  33. -ms-flex: 1 0 25%;
  34. flex: 1 0 25%;
  35. max-width: 25%;
  36. }
  37. }
  38. @media screen and (min-width: 1260px) {
  39. .inline-elements > fieldset.form-item {
  40. -ms-flex: 1 0 16.666666666%;
  41. flex: 1 0 16.666666666%;
  42. max-width: 16.666666666%;
  43. }
  44. }
  45. .inline-elements > .form-item.reset-flex {
  46. -ms-flex: 1 0 100%;
  47. flex: 1 0 100%;
  48. max-width: 100%;
  49. }
  50. .inline-elements fieldset:not(.fieldgroup) {
  51. padding-top: 40px;
  52. }
  53. .inline-elements fieldset:not(.fieldgroup) > legend {
  54. position: absolute;
  55. top: 10px;
  56. letter-spacing: 0.08em;
  57. text-transform: none;
  58. font-size: 0.8rem;
  59. font-weight: bold;
  60. line-height: 1rem;
  61. }
  62. .inline-radios .form-radios {
  63. display: -ms-flexbox;
  64. display: flex;
  65. -ms-flex-direction: row;
  66. flex-direction: row;
  67. -ms-flex-wrap: wrap;
  68. flex-wrap: wrap;
  69. -ms-flex-align: center;
  70. align-items: center;
  71. }
  72. .inline-radios .form-radios .form-type-radio {
  73. padding-right: 1rem;
  74. }
  75. input.button.btn-secondary {
  76. background: transparent;
  77. }
  78. input.button.btn-secondary:hover {
  79. background: transparent;
  80. }