fl-builder-layout-responsive.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. /* Rows
  2. ------------------------------------------------------ */
  3. .fl-row-content-wrap {
  4. background-attachment: scroll !important;
  5. }
  6. .fl-row-bg-parallax .fl-row-content-wrap {
  7. background-attachment: scroll !important;
  8. background-position: center center !important;
  9. }
  10. /* Column Groups
  11. ------------------------------------------------------ */
  12. /* Equal Heights */
  13. .fl-col-group.fl-col-group-equal-height {
  14. display: block;
  15. }
  16. .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {
  17. display: -webkit-box;
  18. display: -webkit-flex;
  19. display: flex;
  20. }
  21. /* Reversed Responsive Stacking */
  22. .fl-col-group.fl-col-group-responsive-reversed {
  23. display: -webkit-flex;
  24. display: flex;
  25. -webkit-flex-wrap: wrap-reverse;
  26. flex-wrap: wrap-reverse;
  27. flex-direction: row-reverse;
  28. }
  29. .fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) {
  30. flex-basis: 100%;
  31. width: 100% !important;
  32. }
  33. .fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) {
  34. display: unset;
  35. display: unset;
  36. -webkit-flex-wrap: unset;
  37. flex-wrap: unset;
  38. flex-direction: unset;
  39. }
  40. /* Columns
  41. ------------------------------------------------------ */
  42. .fl-col {
  43. clear: both;
  44. float: none;
  45. margin-left: auto;
  46. margin-right: auto;
  47. width: auto !important;
  48. }
  49. .fl-col-small:not(.fl-col-small-full-width) {
  50. max-width: 400px;
  51. }
  52. .fl-block-col-resize {
  53. display:none;
  54. }