You are here

social_landing_page.admin.css in Open Social 10.1.x

.page-node-type-landing-page .region--content {
  margin-top: 0;
  width: 100%;
}

.field--widget-entity-reference-paragraphs table.field-multiple-table td {
  padding: 10px;
}
.field--widget-entity-reference-paragraphs .paragraph .field--label-inline > div {
  display: inline-block;
}
.field--widget-entity-reference-paragraphs .paragraph .field--label {
  font-weight: 500;
}
.field--widget-entity-reference-paragraphs .paragraph .field--label:after {
  content: ":";
}
.field--widget-entity-reference-paragraphs .dropbutton {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field--widget-entity-reference-paragraphs .dropbutton li {
  display: inline-block;
}
.field--widget-entity-reference-paragraphs .dropbutton li:not(:first-child) {
  padding-left: 5px;
}
.field--widget-entity-reference-paragraphs th.tablesaw-cell-persist {
  border-right: none;
}
.field--widget-entity-reference-paragraphs .delta-order {
  width: 70px;
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr .field-multiple-drag {
  width: 35px;
  box-sizing: border-box;
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr .field-multiple-drag .tabledrag-handle {
  margin-left: -10px;
  padding-right: 10px;
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist {
  padding: 10px;
  border-right: none;
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist .field--label {
  font-weight: bold;
}
.field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist .field-multiple-drag .tabledrag-handle {
  margin-top: -10px;
}
.field--widget-entity-reference-paragraphs .field--name-field-hero-buttons .field--item {
  display: inline-block;
}
.field--widget-entity-reference-paragraphs .field--name-field-hero-buttons .field--item .card__actionbar {
  padding: 1.23em 0;
  margin-top: 0;
}
.field--widget-entity-reference-paragraphs .paragraph--view-mode--preview > .field {
  margin-bottom: 16px;
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}
.field--widget-entity-reference-paragraphs .paragraph--view-mode--preview > .field .tabledrag-toggle-weight {
  margin-bottom: 5px;
}
.field--widget-entity-reference-paragraphs .paragraph-type-info {
  margin-bottom: 0;
}
.field--widget-entity-reference-paragraphs .paragraph-type-top {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
  border-radius: 0;
}
.field--widget-entity-reference-paragraphs .paragraph-type-top .paragraph-type-title {
  margin-bottom: 0;
  line-height: 35px;
}

.field--label + .field__items {
  width: 100%;
}

.field--name-field-featured-items > .form-item {
  width: 100%;
}

.card__accordion--item .card__title-accord {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  line-height: 1.65;
  border-bottom: 1px solid transparent;
}
@media (min-width: 900px) {
  .card__accordion--item .card__title-accord {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.card__accordion--item .card__title-accord:hover {
  cursor: pointer;
}
.card__accordion--item .card__title-accord.is-active {
  border-bottom-color: #eae7e7;
}
.card__accordion--item .card__title-accord svg {
  width: 24px;
  height: 24px;
  fill: #000;
}
.card__accordion--item .card__text-accord {
  display: none;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 900px) {
  .card__accordion--item .card__text-accord {
    max-width: calc(780px + 3rem);
  }
}
.card__accordion--item .card__text-accord--wrapper {
  padding: 1.5rem 1rem 2rem;
}
@media (min-width: 900px) {
  .card__accordion--item .card__text-accord--wrapper {
    padding: 2.5rem 1.5rem 3rem;
  }
}

/*# sourceMappingURL=social_landing_page.admin.css.map */

File

modules/social_features/social_landing_page/css/social_landing_page.admin.css
View source
  1. .page-node-type-landing-page .region--content {
  2. margin-top: 0;
  3. width: 100%;
  4. }
  5. .field--widget-entity-reference-paragraphs table.field-multiple-table td {
  6. padding: 10px;
  7. }
  8. .field--widget-entity-reference-paragraphs .paragraph .field--label-inline > div {
  9. display: inline-block;
  10. }
  11. .field--widget-entity-reference-paragraphs .paragraph .field--label {
  12. font-weight: 500;
  13. }
  14. .field--widget-entity-reference-paragraphs .paragraph .field--label:after {
  15. content: ":";
  16. }
  17. .field--widget-entity-reference-paragraphs .dropbutton {
  18. padding: 0;
  19. margin: 0;
  20. list-style: none;
  21. }
  22. .field--widget-entity-reference-paragraphs .dropbutton li {
  23. display: inline-block;
  24. }
  25. .field--widget-entity-reference-paragraphs .dropbutton li:not(:first-child) {
  26. padding-left: 5px;
  27. }
  28. .field--widget-entity-reference-paragraphs th.tablesaw-cell-persist {
  29. border-right: none;
  30. }
  31. .field--widget-entity-reference-paragraphs .delta-order {
  32. width: 70px;
  33. }
  34. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr {
  35. border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  36. }
  37. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr .field-multiple-drag {
  38. width: 35px;
  39. box-sizing: border-box;
  40. }
  41. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr .field-multiple-drag .tabledrag-handle {
  42. margin-left: -10px;
  43. padding-right: 10px;
  44. }
  45. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist {
  46. padding: 10px;
  47. border-right: none;
  48. }
  49. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist .field--label {
  50. font-weight: bold;
  51. }
  52. .field--widget-entity-reference-paragraphs .table-striped > tbody > tr .tablesaw-cell-persist .field-multiple-drag .tabledrag-handle {
  53. margin-top: -10px;
  54. }
  55. .field--widget-entity-reference-paragraphs .field--name-field-hero-buttons .field--item {
  56. display: inline-block;
  57. }
  58. .field--widget-entity-reference-paragraphs .field--name-field-hero-buttons .field--item .card__actionbar {
  59. padding: 1.23em 0;
  60. margin-top: 0;
  61. }
  62. .field--widget-entity-reference-paragraphs .paragraph--view-mode--preview > .field {
  63. margin-bottom: 16px;
  64. padding: 10px;
  65. background-color: #fff;
  66. border-radius: 10px;
  67. box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  68. }
  69. .field--widget-entity-reference-paragraphs .paragraph--view-mode--preview > .field .tabledrag-toggle-weight {
  70. margin-bottom: 5px;
  71. }
  72. .field--widget-entity-reference-paragraphs .paragraph-type-info {
  73. margin-bottom: 0;
  74. }
  75. .field--widget-entity-reference-paragraphs .paragraph-type-top {
  76. border-bottom: 1px solid #000;
  77. padding-bottom: 5px;
  78. border-radius: 0;
  79. }
  80. .field--widget-entity-reference-paragraphs .paragraph-type-top .paragraph-type-title {
  81. margin-bottom: 0;
  82. line-height: 35px;
  83. }
  84. .field--label + .field__items {
  85. width: 100%;
  86. }
  87. .field--name-field-featured-items > .form-item {
  88. width: 100%;
  89. }
  90. .card__accordion--item .card__title-accord {
  91. display: flex;
  92. align-items: center;
  93. justify-content: space-between;
  94. padding: 0.75rem 1rem;
  95. line-height: 1.65;
  96. border-bottom: 1px solid transparent;
  97. }
  98. @media (min-width: 900px) {
  99. .card__accordion--item .card__title-accord {
  100. padding-left: 1.5rem;
  101. padding-right: 1.5rem;
  102. }
  103. }
  104. .card__accordion--item .card__title-accord:hover {
  105. cursor: pointer;
  106. }
  107. .card__accordion--item .card__title-accord.is-active {
  108. border-bottom-color: #eae7e7;
  109. }
  110. .card__accordion--item .card__title-accord svg {
  111. width: 24px;
  112. height: 24px;
  113. fill: #000;
  114. }
  115. .card__accordion--item .card__text-accord {
  116. display: none;
  117. max-width: 100%;
  118. margin: 0 auto;
  119. }
  120. @media (min-width: 900px) {
  121. .card__accordion--item .card__text-accord {
  122. max-width: calc(780px + 3rem);
  123. }
  124. }
  125. .card__accordion--item .card__text-accord--wrapper {
  126. padding: 1.5rem 1rem 2rem;
  127. }
  128. @media (min-width: 900px) {
  129. .card__accordion--item .card__text-accord--wrapper {
  130. padding: 2.5rem 1.5rem 3rem;
  131. }
  132. }
  133. /*# sourceMappingURL=social_landing_page.admin.css.map */