Several css adjustments according to design team review.

This commit is contained in:
mateuswetah 2019-03-26 10:32:16 -03:00
parent 9a1ecd77be
commit e79bce0070
9 changed files with 40 additions and 19 deletions

View File

@ -5,8 +5,8 @@
<main role="main" class="mt-5 max-large margin-one-column">
<div class="row">
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
<div class="row justify-content-between">
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-8 pr-lg-0<?php } ?>">
<?php get_template_part( 'template-parts/loop' ); ?>
</div>
<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>

View File

@ -17,9 +17,10 @@ footer{
}
}
a{
color: #898d8f;
color: #f9f9f9;
&:hover {
color: #898d8f;
color: white;
font-weight: 600;
text-decoration: none;
}
}
@ -28,7 +29,7 @@ footer{
.tainacan-footer-info {
@media only screen and (max-width: 768px){
margin: 0 calc(4.16666666667% * 1);
argin: 0 calc(4.16666666667vw * 1);
margin: 0 calc(4.16666666667vw * 1);
}
@media only screen and (max-width: 991px){
margin: 0 calc(4.16666666667% * 2);
@ -53,10 +54,11 @@ footer{
color: #cbcbcb;
a {
color: white;
color: #f9f9f9;
&:hover {
color: white;
text-decoration: underline;
font-weight: 600;
text-decoration: none;
}
}
}

View File

@ -47,10 +47,14 @@
max-width: calc(25vw - 8px);
bottom: calc(-12.5% - 4px);
bottom: calc(-12.5vw - 4px);
h4 {
font-size: 2rem;
}
}
h4 {
font-size: 2rem;
font-size: 3rem;
}
}
.t-collection--info {

View File

@ -6,7 +6,7 @@
}
}
.blog-post{
.blog-thumbnail{
.blog-thumbnail {
padding-right: 0;
margin-right: 4.16666666667%;
@media screen {
@ -16,10 +16,10 @@
}
img{
width: 300px;
height: 193px;
height: auto;
}
}
.blog-content{
.blog-content {
font-size: 0.75rem;
font-weight: 400;
color: #898d8f;
@ -160,6 +160,9 @@
.tainacan-list-collection--title {
background-color: #dbdbdb;
}
.image-placeholder {
background-color: #cbcbcb;
}
}
.tainacan-list-collection--title {
background: #fff;
@ -233,6 +236,9 @@
.tainacan-list-collection--title, .tainacan-list-collection--grid-title {
background-color: #dbdbdb;
}
.image-placeholder {
background-color: #cbcbcb;
}
}
}
}

View File

@ -26,6 +26,8 @@
img{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
}
.title-content-items {
@ -504,12 +506,18 @@
}
}
}
footer{
footer {
font-size: 0.875rem;
color: #000;
font-weight: 400;
a{
a {
color: #9f9f9f;
font-weight: 400;
&:hover {
color: white;
font-weight: 600;
}
}
span {
color: #298596;

View File

@ -726,7 +726,7 @@ nav{
.image-placeholder {
background-color: #cbcbcb;
background-color: #dbdbdb;
display: flex;
margin: 0 auto;
> h4 {
@ -736,7 +736,8 @@ nav{
flex: auto;
margin-top: auto;
margin-bottom: auto;
color: #fff
color: #555758;
font-weight: bold;
}
}

View File

@ -5,8 +5,8 @@
<main role="main" class="mt-5 max-large margin-one-column">
<div class="row">
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-9<?php } ?>">
<div class="row justify-content-between">
<div class="col-12 <?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { ?>col-lg-8 pr-lg-0<?php } ?>">
<?php get_template_part( 'template-parts/loop' ); ?>
</div>
<?php if ( is_active_sidebar( 'tainacan-sidebar-right' ) ) { get_sidebar(); } ?>

View File

@ -1,4 +1,4 @@
<div class="col-12 col-lg-3 border-top border-jelly-bean sidebar-border">
<div class="pl-lg-0 col-12 col-lg-3 border-top pt-4 mt-4 pt-md-0 mt-md-0 border-jelly-bean sidebar-border">
<div id="sidebar" class="py-4 pt-md-0 mx-2 mx-sm-0 sidebar hidden-print">
<?php dynamic_sidebar( 'tainacan-sidebar-right' ); ?>
</div>

View File

@ -1,4 +1,4 @@
<div class="row blog-post mb-3">
<div class="row blog-post mb-4">
<?php if ( has_post_thumbnail() ) : ?>
<div class="col-xs-12 col-md-4 blog-thumbnail align-self-center text-center mb-4 mb-md-0">
<a href="<?php the_permalink(); ?>">