status-im
/
artproject
mirror of https://github.com/status-im/artproject.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Lay out profiles on desktop

This commit is contained in:
Maciej Matuszewski 2018-01-13 17:00:42 +01:00
parent 1aaedd0ad9
commit 6533b720e7
2 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/components/_profile.scss
View File

@ -3,7 +3,7 @@
@media #{$screen-lg} { @media #{$screen-lg} {
position: relative; position: relative;
max-width: 250px; max-width: 250px;
margin: 0 auto; // margin: 0 auto;
} }
} }

35
src/styles/components/_team.scss
View File

@ -28,6 +28,10 @@
top: 42%; top: 42%;
z-index: 1; z-index: 1;
} }
@media #{$screen-lg} {
top: 46%;
}
} }
&__counter { &__counter {
@ -55,6 +59,10 @@
max-width: 40%; max-width: 40%;
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
&__author {
margin-top: 30px;
}
} }
} }
@ -119,39 +127,48 @@
} }
@media #{$screen-lg} { @media #{$screen-lg} {
max-width: 250px; margin: 55px 0;
&:nth-of-type(1) { &:nth-of-type(1) {
transform: translate(0%, 0); transform: translate(35%, 0);
} }
&:nth-of-type(2) { &:nth-of-type(2) {
transform: translate(0%, 0%); transform: translate(30%, -40%);
} }
&:nth-of-type(3) { &:nth-of-type(3) {
transform: translate(0, 0%); transform: translate(10%, 20%);
} }
&:nth-of-type(4) { &:nth-of-type(4) {
transform: translate(0%, 0%); transform: translate(10%, 60%);
} }
&:nth-of-type(5) { &:nth-of-type(5) {
transform: translate(0%, 0%); z-index: 1;
transform: translate(5%, -20%);
} }
&:nth-of-type(6) { &:nth-of-type(6) {
transform: translate(0%, 0%); transform: translate(-5%, 30%);
} }
&:nth-of-type(7) { &:nth-of-type(7) {
transform: translate(0%, 0%); transform: translate(95%, 0%);
} }
&:nth-of-type(8) { &:nth-of-type(8) {
transform: translate(0%, 0%); transform: translate(40%, 10%);
} }
} }
} }
@media #{$screen-md} {
padding: 50px 0;
}
@media #{$screen-lg} {
padding: 60px 0 40px;
}
} }