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

More adjustments to fit proposed layout for terms list taxonomy header.

This commit is contained in:
mateuswetah 2020-04-22 19:29:57 -03:00
parent f70c72170c
commit e08c107199
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/assets/scss/_header-taxonomy.scss
View File

@ -6,7 +6,11 @@
position: relative; position: relative;
background-color: #f2f2f2; background-color: #f2f2f2;
@media only screen and (min-width: 641px) and (max-width: 992px) { @media only screen and (min-width: 641px) and (max-width: 992px) {
height: 240px; height: 37.5%;
height: 37.5vw;
.page-header-share {
margin-top: 3px !important;
}
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
height: auto; height: auto;
@ -30,7 +34,8 @@
background-position: center; background-position: center;
@media only screen and (min-width: 641px) and (max-width: 992px) { @media only screen and (min-width: 641px) and (max-width: 992px) {
height: 240px; height: 37.5%;
height: 37.5vw;
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
height: auto; height: auto;
@ -40,20 +45,20 @@
> .page-header-content { > .page-header-content {
> .page-header-content-meta { > .page-header-content-meta {
margin: 45px 0 45px 4.16666666667%; margin: 35px 0 35px 4.16666666667%;
margin: 45px 0 45px 4.16666666667vw; margin: 35px 0 35px 4.16666666667vw;
@media only screen and (max-width:992px) { @media only screen and (max-width:992px) {
margin-top: 30px; margin-top: 24px;
margin-bottom: 18px; margin-bottom: 18px;
margin-left: 4.16666666667%;
margin-right: 4.16666666667%;
margin-left: 4.16666666667vw;
margin-right: 4.16666666667vw;
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 640px) {
margin-top: 40px; margin-top: 40px;
margin-bottom: 25px; margin-bottom: 25px;
margin-left: 8.333333%;
margin-right: 8.333333%;
margin-left: 8.333333vw;
margin-right: 8.333333vw;
} }
> .page-header-content-title { > .page-header-content-title {
width: 100%; width: 100%;
@ -76,7 +81,7 @@
> .page-header-hightlights { > .page-header-hightlights {
margin-top: 30px; margin-top: 30px;
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
margin-top: 23px; margin-top: 14px;
} }
> .page-header-description { > .page-header-description {
color: #000; color: #000;
@ -106,7 +111,7 @@
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
margin-top: 12px; margin-top: 12px;
} }
@media only screen and (max-width: 576px) { @media only screen and (max-width: 640px) {
margin-top: 24px; margin-top: 24px;
} }
.page-header-icons { .page-header-icons {

2
src/style.css.map
View File

File diff suppressed because one or more lines are too long