You are here

default.css in Varbase Bootstrap Paragraphs 8.7

.row {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1200px) {
  .align2right {
    float: right !important;
  }
  .align2left {
    float: left !important;
  }
  .paragraph.paragraph--type--text-and-image .row {
    display: flex;
  }
  .align2left.wrapper {
    padding-left: calc(1.34375rem + 1.125vw);
  }
}

@media screen and (min-width: 1200px) and (min-width: 1200px) {
  .align2left.wrapper {
    padding-left: 2.1875rem;
  }
}

@media screen and (min-width: 1200px) {
  .paragraph--type--text-and-image {
    margin-bottom: 1.25rem;
    text-align: center;
  }
  .paragraph--type--text-and-image > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

.wrapper {
  display: table;
  height: 100%;
  text-align: left;
}

.wrapper > div {
  display: table-cell;
  vertical-align: middle;
}

File

modules/vbp_text_and_image/css/default.css
View source
  1. .row {
  2. margin-bottom: 0 !important;
  3. }
  4. @media screen and (min-width: 1200px) {
  5. .align2right {
  6. float: right !important;
  7. }
  8. .align2left {
  9. float: left !important;
  10. }
  11. .paragraph.paragraph--type--text-and-image .row {
  12. display: flex;
  13. }
  14. .align2left.wrapper {
  15. padding-left: calc(1.34375rem + 1.125vw);
  16. }
  17. }
  18. @media screen and (min-width: 1200px) and (min-width: 1200px) {
  19. .align2left.wrapper {
  20. padding-left: 2.1875rem;
  21. }
  22. }
  23. @media screen and (min-width: 1200px) {
  24. .paragraph--type--text-and-image {
  25. margin-bottom: 1.25rem;
  26. text-align: center;
  27. }
  28. .paragraph--type--text-and-image > .row {
  29. margin-right: 0 !important;
  30. margin-left: 0 !important;
  31. }
  32. }
  33. .wrapper {
  34. display: table;
  35. height: 100%;
  36. text-align: left;
  37. }
  38. .wrapper > div {
  39. display: table-cell;
  40. vertical-align: middle;
  41. }