mirror of https://github.com/dap-ps/discover.git
Merge branch 'deployment' of https://github.com/dap-ps/discover into deployment
This commit is contained in:
commit
576aaf8da9
|
@ -36,9 +36,8 @@
|
|||
padding: calculateRem(12);
|
||||
margin: calculateRem(4);
|
||||
cursor: pointer;
|
||||
text-align: -webkit-center;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
flex-direction: column;
|
||||
background-color: #eef2f5;
|
||||
font-family: $font;
|
||||
padding: calculateRem(40) calculateRem(16) calculateRem(32) calculateRem(16);
|
||||
padding: calculateRem(40) calculateRem(32) calculateRem(32) calculateRem(32);
|
||||
margin-top: calculateRem(24);
|
||||
}
|
||||
|
||||
|
|
|
@ -10,26 +10,27 @@
|
|||
.grid {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: calculateRem(20);
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
margin-left: 1.1rem;
|
||||
|
||||
@media (min-width: $desktop) {
|
||||
// grid-auto-flow: row;
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
grid-template-columns: unset;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 970px) {
|
||||
grid-template-columns: unset;
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
@media (min-width: 1300px) {
|
||||
grid-template-columns: unset;
|
||||
grid-template-rows: repeat(4, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue