Add spacing between blocks in sidebar

psu-libraries / psulib_base

Drupal Base Theme

0 stars 0 forks source link

Add spacing between blocks in sidebar #186

Closed zipymonkey closed 1 month ago

zipymonkey commented 1 month ago

Currently there is no default spacing between blocks in the sidebar regions. There should be at least 1rem ($spacer) margin between each. This could be something like

.region-sidebar-first > div:not(:last-child) {
  margin-bottom: 1rem;
}

Example

zipymonkey commented 1 month ago

The block titles styles can also be updated. I added styles in the staff site that we could use as a basis for this.

.region-sidebar-first, .region-sidebar-second {
  .block {
    &:not(:last-child) {
      margin-bottom: $spacer * 1.5;
    }

    & > h2 {
      font-family: $font-family-condensed;
      font-size: $font-size-lg;
      text-transform: uppercase;
    }
  }
}

This makes the blocks look like: