mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Merge pull request #1683 from sharelatex/jel-gallery-layout
Gallery list column styling GitOrigin-RevId: 9ec3207dcd867894a5318a8d71c48be175615480
This commit is contained in:
parent
2ae27fbc6a
commit
ca9e6044c8
1 changed files with 17 additions and 7 deletions
|
@ -41,11 +41,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.templates-container {
|
||||
column-count: 2;
|
||||
column-gap: 2em;
|
||||
}
|
||||
|
||||
.template-thumbnail {
|
||||
display: inline-block;
|
||||
margin: 0 0 2em;
|
||||
|
@ -98,10 +93,25 @@
|
|||
}
|
||||
|
||||
/* Media Queries */
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.templates-container {
|
||||
column-count: 2;
|
||||
column-gap: 2em;
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-sm-min) {
|
||||
.templates-container {
|
||||
column-count: 3;
|
||||
column-gap: 3em;
|
||||
&.use-column {
|
||||
column-count: 3;
|
||||
column-gap: 3em;
|
||||
}
|
||||
&.use-percent {
|
||||
margin: 0 -1.5em;
|
||||
.template-thumbnail {
|
||||
width: 33.3333333%;
|
||||
padding: 0 1.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: @screen-md-min) {
|
||||
|
|
Loading…
Reference in a new issue