bricklayer.css 972 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .bricklayer {
  2. display: -webkit-box;
  3. display: -webkit-flex;
  4. display: -ms-flexbox;
  5. display: flex;
  6. -webkit-box-align: start;
  7. -webkit-align-items: flex-start;
  8. -ms-flex-align: start;
  9. align-items: flex-start;
  10. -webkit-box-pack: center;
  11. -webkit-justify-content: center;
  12. -ms-flex-pack: center;
  13. justify-content: center;
  14. -webkit-flex-wrap: wrap;
  15. -ms-flex-wrap: wrap;
  16. flex-wrap: wrap;
  17. }
  18. .bricklayer-column-sizer {
  19. width: 100%;
  20. display: none;
  21. }
  22. @media screen and (min-width: 640px) {
  23. .bricklayer-column-sizer {
  24. width: 100%;
  25. }
  26. }
  27. @media screen and (min-width: 980px) {
  28. .bricklayer-column-sizer {
  29. width: 50%;
  30. }
  31. }
  32. /*@media screen and (min-width: 1200px) {*/
  33. /*.bricklayer-column-sizer {*/
  34. /*width: 33.33333%;*/
  35. /*}*/
  36. /*}*/
  37. .bricklayer-column {
  38. -webkit-box-flex: 1;
  39. -webkit-flex: 1;
  40. -ms-flex: 1;
  41. flex: 1;
  42. padding-left: 5px;
  43. padding-right: 5px;
  44. }