Align cards with split screen on the top

pull/7566/head
Henriette Dinger 5 years ago
parent a3598498fe
commit 8abbaa6ed4
  1. 2
      frontend/src/app/components/wp-card-view/styles/wp-card-view-horizontal.sass
  2. 1
      frontend/src/app/components/wp-card-view/styles/wp-card-view-vertical.sass
  3. 1
      frontend/src/app/components/wp-card-view/styles/wp-card-view.component.sass

@ -2,3 +2,5 @@
display: grid display: grid
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))
grid-column-gap: 10px grid-column-gap: 10px
grid-row-gap: 10px
margin-right: 5px

@ -14,6 +14,7 @@
@include styled-scroll-bar @include styled-scroll-bar
.wp-card .wp-card
margin-top: 10px
// Take care that the shadow of the last element is still visible // Take care that the shadow of the last element is still visible
&:last-of-type &:last-of-type
margin-bottom: 3px margin-bottom: 3px

@ -8,7 +8,6 @@
border: 1px solid var(--widget-box-block-border-color) border: 1px solid var(--widget-box-block-border-color)
border-radius: 2px border-radius: 2px
padding: 10px padding: 10px
margin-top: 10px
position: relative position: relative
box-shadow: 1px 1px 3px 0px lightgrey box-shadow: 1px 1px 3px 0px lightgrey
background: var(--body-background) background: var(--body-background)

Loading…
Cancel
Save