You are here

social_landing_page.section.block.css in Open Social 10.0.x

.paragraph--section .paragraph--block {
  background-color: #fff;
  padding: 30px 1em;
}
@media (min-width: 900px) {
  .paragraph--section .paragraph--block {
    padding: 50px 1em;
  }
}
@media (min-width: 1200px) {
  .paragraph--section .paragraph--block {
    padding: 50px 0;
  }
}
.paragraph--section .paragraph--block .title {
  flex: 0 0 100%;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 900px) {
  .paragraph--section .paragraph--block .title {
    padding-left: 20px;
  }
}

.primary-col {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 900px) {
  .primary-col {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    order: 1;
  }
}
@media (min-width: 1200px) {
  .primary-col {
    padding-left: 0;
  }
}
.primary-col .block-views > .stream:first-child {
  margin-top: 59px;
}
.primary-col .block-title,
.primary-col .section-title {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 2rem;
  padding: 0 0 0 40px;
}
.primary-col.card__actionbar {
  margin: 0;
}

.secondary-col {
  padding-left: 1em;
  padding-right: 1em;
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 900px) {
  .secondary-col {
    margin-top: 59px;
    flex: 0 1 33.3333333333%;
    order: 2;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1200px) {
  .secondary-col {
    padding-right: 0;
  }
}
.secondary-col > .field > .field--item {
  margin-bottom: 0.75rem;
}

/*# sourceMappingURL=social_landing_page.section.block.css.map */

File

modules/social_features/social_landing_page/css/social_landing_page.section.block.css
View source
  1. .paragraph--section .paragraph--block {
  2. background-color: #fff;
  3. padding: 30px 1em;
  4. }
  5. @media (min-width: 900px) {
  6. .paragraph--section .paragraph--block {
  7. padding: 50px 1em;
  8. }
  9. }
  10. @media (min-width: 1200px) {
  11. .paragraph--section .paragraph--block {
  12. padding: 50px 0;
  13. }
  14. }
  15. .paragraph--section .paragraph--block .title {
  16. flex: 0 0 100%;
  17. padding: 0 1rem;
  18. margin-bottom: 1rem;
  19. }
  20. @media (min-width: 900px) {
  21. .paragraph--section .paragraph--block .title {
  22. padding-left: 20px;
  23. }
  24. }
  25. .primary-col {
  26. padding-left: 1em;
  27. padding-right: 1em;
  28. flex-basis: 100%;
  29. max-width: 100%;
  30. }
  31. @media (min-width: 900px) {
  32. .primary-col {
  33. flex: 0 0 66.6666666667%;
  34. max-width: 66.6666666667%;
  35. order: 1;
  36. }
  37. }
  38. @media (min-width: 1200px) {
  39. .primary-col {
  40. padding-left: 0;
  41. }
  42. }
  43. .primary-col .block-views > .stream:first-child {
  44. margin-top: 59px;
  45. }
  46. .primary-col .block-title,
  47. .primary-col .section-title {
  48. font-size: 24px;
  49. line-height: 1.2;
  50. margin: 0 0 2rem;
  51. padding: 0 0 0 40px;
  52. }
  53. .primary-col.card__actionbar {
  54. margin: 0;
  55. }
  56. .secondary-col {
  57. padding-left: 1em;
  58. padding-right: 1em;
  59. flex-basis: 100%;
  60. max-width: 100%;
  61. }
  62. @media (min-width: 900px) {
  63. .secondary-col {
  64. margin-top: 59px;
  65. flex: 0 1 33.3333333333%;
  66. order: 2;
  67. max-width: 33.3333333333%;
  68. }
  69. }
  70. @media (min-width: 1200px) {
  71. .secondary-col {
  72. padding-right: 0;
  73. }
  74. }
  75. .secondary-col > .field > .field--item {
  76. margin-bottom: 0.75rem;
  77. }
  78. /*# sourceMappingURL=social_landing_page.section.block.css.map */