overleaf/services/web/public/stylesheets/app/templates-v2.less
2018-09-21 10:50:46 +01:00

113 lines
No EOL
1.6 KiB
Text

.template-title {
margin-bottom: @margin-xl;
}
.field-title {
font-weight: bold;
}
.filters {
float: right;
margin-bottom: @margin-lg;
@media (max-width: @screen-md-min) {
float: none;
}
}
.cta-links {
margin-top: @margin-lg;
.cta-link.btn {
margin: 0 @margin-sm;
}
}
.tag-link {
margin: 0 @margin-xs @margin-sm 0;
}
.templates-container {
column-count: 3;
column-gap: 1em;
}
.template-thumbnail {
&.template-thumbnail__container {
display: inline-block;
margin: 0 0 1em;
width: 100%;
}
.thumbnail {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin: 5% 0;
padding:0px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
h3 {
color:@link-color;
margin: 10px 0px 10px 20px;
}
&.thumbnail-tag {
height: 100px;
}
}
.caption {
// Override ShareLatex template styles
background: none;
border: none;
text-align: center;
}
.caption__description {
font-style: italic;
padding: 5px 0;
.text-overflow();
}
.caption__title {
display: inline-block;
max-width: 100%;
.text-overflow();
}
/* Media Queries */
@media (max-width: @screen-md-min) {
.thumbnail {
margin: 5% auto;
}
.caption .description {
padding: 5px 50px;
}
}
}
.section-preview {
margin-top: @margin-xl;
.abstract {
padding-right:10%;
padding-bottom: 10%;
@media (max-width: @screen-md-min) {
padding: 5%;
}
}
}
.section-tags {
margin-bottom: @margin-xl;
margin-top: @margin-xl;
}
.template-large-pdf-preview {
border: solid 1px @gray-lightest;
margin-bottom: 30px;
}