autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

member cards aligned

Browse Source
This commit is contained in:
Gaelle Morin 2018-12-18 15:25:24 +01:00
parent a1c6ad54dc
commit 486fc1ae20
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/styles/members.scss
View File

@ -10,16 +10,17 @@
& > div { & > div {
background: violet; background: violet;
display: flex;
flex-wrap: wrap;
grid-column-start: start; grid-column-start: start;
grid-column-end: end; grid-column-end: end;
justify-content: space-between;
margin-bottom: 1em; margin-bottom: 1em;
/*grid-row-start: middle; /*grid-row-start: middle;
grid-row-end: end; grid-row-end: end;
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-gap: 1em;*/ grid-gap: 1em;*/
display: flex;
justify-content: space-between;
&:first-of-type { &:first-of-type {
color: $color-black2; color: $color-black2;
@ -46,11 +47,15 @@
> sib-display { > sib-display {
cursor: pointer; cursor: pointer;
background-color: white;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
display: flex; display: flex;
flex-direction: column; flex-flow: column wrap;
position: relative; padding: 1rem;
@extend %frame; margin-bottom: 2.5rem;
padding: 1em; @media(min-width: 56rem) {
width: 30%;
}
label { label {
display: none; display: none;