tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Revised the Header of collections page

This commit is contained in:
Fabiano 2018-07-02 14:10:02 -03:00
parent 3c4758319a
commit 66af3cc529
2 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/assets/scss/_home-collection.scss
View File

@ -27,21 +27,24 @@
} }
} }
.t-collection--col-9{ .t-collection--col-9{
margin-left: 4.16666666667%; margin-left: 1.16666666667%;
@media only screen and (max-width: 1024px){
margin-left: 4.16666666667%;
}
} }
.t-collection--info-img { .t-collection--info-img {
width: 205px; width: 205px;
height: 205px; height: 205px;
max-width: 205px; max-width: 205px;
bottom: -4rem; bottom: -6rem;
@media only screen and (max-width: 1024px){ @media only screen and (max-width: 1024px){
width: 165px; width: 165px;
height: 165px; height: 165px;
max-width: 165px; max-width: 165px;
bottom: -3rem; bottom: -5rem;
} }
@media only screen and (max-width: 992px){ @media only screen and (max-width: 992px){
bottom: -2rem; bottom: -4rem;
width: 123px; width: 123px;
height: 123px; height: 123px;
max-width: 123px; max-width: 123px;
@ -50,7 +53,7 @@
width: 95px; width: 95px;
height: 95px; height: 95px;
max-width: 95px; max-width: 95px;
bottom: 0; bottom: -3rem;
} }
} }
.t-collection--info-title { .t-collection--info-title {
@ -60,24 +63,32 @@
} }
bottom: 2.8rem; bottom: 2.8rem;
@media only screen and (min-width: 768px){ @media only screen and (min-width: 768px){
bottom: 2rem; bottom: 0.5rem;
} }
@media only screen and (max-width: 576px){ @media only screen and (max-width: 576px){
font: { font: {
size: 18px; size: 18px;
} }
} bottom: 0.5rem;
}
.t-collection--info-description{
font: {
size: 12px;
weight: 400;
}
@media only screen and (max-width: 576px){
font: {
size: 9px;
}
} }
} }
} }
.t-collection--info-description-text {
font: {
size: 12px;
weight: 400;
}
margin-left: 1.16666666667%;
padding: 0 21.6%;
padding-right: 5%;
width: 100%;
word-wrap: break-word;
@media only screen and (max-width: 1024px){
margin-left: 4.16666666667%;
}
@media only screen and (max-width: 576px){
padding-left: 32.6%;
font-size: 9px;
}
}
} }

6
src/template-parts/headerCollection.php
View File

@ -11,10 +11,10 @@
</div> </div>
<div class="col-8 col-md-9 pl-0 t-collection--col-9"> <div class="col-8 col-md-9 pl-0 t-collection--col-9">
<h2 class="mt-3 mt-md-0 t-collection--info-title text-white position-absolute"><?php tainacan_the_collection_name(); ?></h2> <h2 class="mt-3 mt-md-0 t-collection--info-title text-white position-absolute"><?php tainacan_the_collection_name(); ?></h2>
<div class="container t-collection--info-description ml-0 pl-0 mt-3 text-white">
<div style="word-wrap: break-word;"><?php tainacan_the_collection_description(); ?></div>
</div>
</div> </div>
</div> </div>
<div class="row t-collection--info-description ml-0 pl-0 mt-3 text-white margin-one-column">
<p class="t-collection--info-description-text"><?php tainacan_the_collection_description(); ?></p>
</div>
</div> </div>
</div> </div>