Change font-size px to rem

This commit is contained in:
Fabiano 2018-09-11 16:34:41 -03:00
parent 800824da83
commit ce5f9ddc8d
12 changed files with 82 additions and 82 deletions

View File

@ -1,16 +1,16 @@
#comments{
div[for=comment]{
span{
font-size: 18px;
font-size: 1.125rem;
}
.authenticated{
font-size: 10px;
font-size: 0.625rem;
}
}
form{
&#commentform{
.comment-notes {
font-size: 12px;
font-size: 0.75rem;
color: #898d8f;
}
.form-row{
@ -42,7 +42,7 @@
p[class^="comment-form-"] {
margin-bottom: 22px;
label{
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
color: #000;
margin-right: 1.8%;
@ -135,15 +135,15 @@
h5{
a{
&.bypostauthor{
font-size: 12px;
font-size: 0.75rem;
}
}
.comment-time{
font-size: 10px;
font-size: 0.625rem;
}
}
.comment-text{
font-size: 12px;
font-size: 0.75rem;
max-width: 60vw;
p{
margin-bottom: 0;
@ -157,7 +157,7 @@
}
.comment-reply-link, .comment-edit-link{
color: #2cb4c1;
font-size: 12px;
font-size: 0.75rem;
}
}
}

View File

@ -7,13 +7,13 @@ footer{
&.tainacan-side {
h6 {
font: {
size: 18px;
size: 1.125rem;
}
}
}
p{
.fiber{
font-size: 9px;
font-size: 0.5625rem;
}
}
a{
@ -37,7 +37,7 @@ footer{
}
.tainacan-footer-info--blog {
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
}
@ -45,7 +45,7 @@ footer{
width: 120px;
}
.tainacan-powered {
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
color: #44638e;
a {

View File

@ -70,20 +70,20 @@
}
.t-collection--info-title {
font: {
size: 24px;
size: 1.5rem;
weight: 700;
}
margin-top: 0.4rem;
@media only screen and (max-width: 767px){
font: {
size: 18px;
size: 1.125rem;
weight: 500;
}
}
}
.t-collection--info-description-text {
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
margin-bottom: 0;
@ -235,7 +235,7 @@
color: #2c2d2d;
.mdi {
@extend .absolute-center;
font-size: 24px;
font-size: 1.5rem;
transition: color 0.3s;
color: #2c2d2d;
&.mdi-share-variant {

View File

@ -34,26 +34,26 @@
}
}
h3{
font-size: 18px;
font-size: 1.125rem;
}
.text-black{
font-weight: 400;
}
time{
font: {
size: 12px;
size: 0.75rem;
weight: 400;
}
color: #898d8f;
}
a[rel="author"]{
//color: #4f4f4f;
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
}
.readmore{
&.screen-reader-text{
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
}
}
@ -65,7 +65,7 @@
th {
color: #898d8f;
font : {
size: 12px;
size: 0.75rem;
weight: 400;
}
}
@ -95,7 +95,7 @@
}
.collection-title{
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
a {
@ -107,13 +107,13 @@
}
.collection-description, .collection-date{
font: {
size: 12px;
size: 0.75rem;
weight: 400;
}
}
.collection-create-by{
font: {
size: 12px;
size: 0.75rem;
weight: 400;
}
@ -151,7 +151,7 @@
.tainacan-list-collection--title {
background: #fff;
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
height: 45px;
@ -166,13 +166,13 @@
margin-right: 1rem;
> h4 {
text-align: center;
font-size: 48px;
font-size: 3rem;
}
}
.media-body {
p {
font: {
size: 11px;
size: 0.6875rem;
weight: 400;
}
padding-top: 10px;
@ -191,7 +191,7 @@
height: 295px;
.tainacan-list-collection--grid-title{
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
height: 45px;
@ -204,7 +204,7 @@
height: 250px;
width: 250px;
> h4 {
font-size: 48px;
font-size: 3rem;
}
}
}

View File

@ -191,7 +191,7 @@ footer{
transform: translate( -6px , 0 );
margin-top: 16px;
right: 0;
font-size: 15px;
font-size: 0.9375rem;
&:before , &:after{
content: "";
@extend %transition;
@ -209,7 +209,7 @@ footer{
content: "\F415";
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: 18px;
font-size: 1.125rem;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;

View File

@ -1,6 +1,6 @@
.margin-pagination{
border-width: 2px !important;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
color: #898d8f;
padding: 0 1rem;
@ -13,7 +13,7 @@
a{
color: #298596;
i {
font-size: 18px;
font-size: 1.125rem;
}
}
align-self: center;

View File

@ -9,7 +9,7 @@
.header-meta{
color: #898d8f !important;
font: {
size: 12px;
size: 0.75rem;
weight: 400;
}
align-items: center;
@ -29,7 +29,7 @@
}
}
.title-content-items {
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
color: #338591;
margin-left: 4.16666666667%;
@ -46,43 +46,43 @@
}
h1 {
color: #298596;
font-size: 18px;
font-size: 1.125rem;
font-weight: 600;
}
h2 {
color: #000;
font-size: 18px;
font-size: 1.125rem;
font-weight: 600;
}
h3 {
color: #000;
font-size: 16px;
font-size: 1rem;
font-weight: 600;
}
h4 {
color: #898d8f;
font-size: 16px;
font-size: 1rem;
font-style: italic;
}
h5 {
color: #000;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
}
h6 {
color: #298596;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
}
pre:not(.wp-block-code) {
color: #898d8f;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
white-space: pre-line;
}
.wp-block-code {
code {
font-size: 87.5%;
font-size: 0.875rem;
color: #e83e8c;
word-break: break-word;
}
@ -94,13 +94,13 @@
padding: 1rem;
p {
color: #898d8f;
font-size: 22px;
font-size: 1.375rem;
font-weight: 500;
}
cite {
color: #298596;
float: right;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
}
}
@ -118,7 +118,7 @@
}
}
ul {
font-size: 16px;
font-size: 1rem;
font-weight: 400;
color: #000;
}
@ -127,10 +127,10 @@
border-bottom: 1px solid #cbcbcb;
color: #898d8f;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
}
tbody {
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
color: #000;
}
@ -141,7 +141,7 @@
}
}
address {
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
p {
@ -274,7 +274,7 @@
text-align: center;
figcaption{
color: #000;
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
}
}
@ -284,17 +284,17 @@
p {
color: #298596;
font: {
size: 22px;
size: 1.375rem;
weight: 500;
}
}
cite {
font-size: 16px;
font-size: 1rem;
color: #898d8f;
}
}
.wp-caption, .gallery-caption {
font-size: 13px;
font-size: 0.8125rem;
max-width: 100%;
margin-top: 1em;
margin-bottom: 1.5em;
@ -315,7 +315,7 @@
&.single-item-collection{
.single-item-collection--document{
font : {
size: 14px;
size: 0.875rem;
weight: 400;
}
color: black;
@ -367,7 +367,7 @@
height: 33px;
width: 45px;
line-height: 0px;
font-size: 60px;
font-size: 3.75rem;
color: #298596;
cursor: pointer;
background: transparent;
@ -390,12 +390,12 @@
}
h3{
color: #000;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
}
p {
color: #000;
font-size: 12px;
font-size: 0.75rem;
}
.item-card-link--sharing{
margin-right: 0.5rem;
@ -438,7 +438,7 @@
}
h3{
color: #000;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
padding-right: 1rem;
&:first-of-type:last-of-type {
@ -449,7 +449,7 @@
color: #000;
word-wrap: break-word;
font: {
size: 12px;
size: 0.75rem;
weight: 400;
}
}
@ -458,7 +458,7 @@
}
}
footer{
font-size: 14px;
font-size: 0.875rem;
color: #000;
font-weight: 400;
a{

View File

@ -7,7 +7,7 @@
&.sidebar{
.widget{
.widget-title{
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
color: #1d1d1b;
}
@ -35,7 +35,7 @@
}
}
&.widget_text{
font-size: 12px;
font-size: 0.75rem;
}
ul{
padding-left: 0;
@ -44,7 +44,7 @@
margin-bottom: 0.3rem;
a{
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
}
}
}
@ -58,13 +58,13 @@
}
i{
color: #01295c;
font-size: 19px;
font-size: 1.1875rem;
}
}
}
}
#tainacan-search{
font-size: 12px;
font-size: 0.75rem;
color: #898d8f;
height: 27px;
&:focus{

View File

@ -1,7 +1,7 @@
.tainacan-collection-list--simple-search{
.dropdown {
#dropdownMenuSorting, #dropdownMenuViewMode {
font-size: 14px;
font-size: 0.875rem;
&:focus{
box-shadow: none;
}
@ -23,7 +23,7 @@
}
}
.dropdown-menu {
font-size: 14px;
font-size: 0.875rem;
a {
&:hover{
background-color: #c1dae0;
@ -58,7 +58,7 @@
border-right: none;
}
&::placeholder{
font-size: 11px;
font-size: 0.6875rem;
color: #898d8f;
}
}

View File

@ -10,7 +10,7 @@
}
}
i{
font-size: 45px;
font-size: 2.8125rem;
}
}
}

View File

@ -40,7 +40,7 @@ nav{
width: 229px;
}
&::placeholder{
font-size: 12px;
font-size: 0.75rem;
color: #898d8f;
}
}
@ -50,7 +50,7 @@ nav{
}
.btn-group{
button{
font-size: 12px;
font-size: 0.75rem;
padding-right: 1.875rem !important;
@media only screen and (max-width: 576px){
padding-right: 0.875rem !important;
@ -60,7 +60,7 @@ nav{
}
i{
color: #01295c;
font-size: 19px;
font-size: 1.1875rem;
}
&[data-toggle='dropdown']{
&::after{
@ -81,7 +81,7 @@ nav{
.tainacan-search-form {
.form-control {
height: 27px;
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
color: #898d8f;
}
@ -92,7 +92,7 @@ nav{
content: none;
}
i {
font-size: 19px;
font-size: 1.1875rem;
}
}
> .dropdown-menu {
@ -107,7 +107,7 @@ nav{
}
.form-control {
border-radius: 0;
font-size: 12px;
font-size: 0.75rem;
font-weight: 400;
color: #898d8f;
}
@ -131,7 +131,7 @@ nav{
> li{
&.menu-item {
a{
font-size: 14px;
font-size: 0.875rem;
font-weight: 400;
color: #000;
padding-left: 0;
@ -251,7 +251,7 @@ nav{
text-align: center;
color: #3596e0;
left: initial;
font-size: 19px;
font-size: 1.1875rem;
}
}
}
@ -298,7 +298,7 @@ nav{
color: white;
text-align: center;
h1{
font-size: 150px;
font-size: 9.375rem;
font-weight: 600;
}
h3{
@ -407,7 +407,7 @@ nav{
font-size: 1.5rem;
font-weight: 400;
@media only screen and (max-width: 576px){
font-size: 12px;
font-size: 0.75rem;
}
}
}
@ -416,7 +416,7 @@ nav{
.tainacan-title{
.tainacan-title-page{
.title-page{
font-size: 20px;
font-size: 1.25rem;
word-break: break-word;
@media only screen and (max-width: 576px){
width: 85%;
@ -427,7 +427,7 @@ nav{
}
.title-back{
font: {
size: 14px;
size: 0.875rem;
weight: 400;
}
margin-top: 0.5rem;

View File

@ -10,7 +10,7 @@
</h3>
<?php echo '<p class="text-black">'.wp_trim_words( get_the_excerpt(), 28, '...').'</p>'; ?>
<?php tainacan_post_date(); ?>
<span style="font-size: 12px; font-weight: 400; color: #898d8f;"> <?php printf(__('by %s', 'tainacan-theme'), get_the_author_posts_link()); ?></span>
<span style="font-size: 0.75rem; font-weight: 400; color: #898d8f;"> <?php printf(__('by %s', 'tainacan-theme'), get_the_author_posts_link()); ?></span>
<a href="<?php the_permalink(); ?>" class="readmore float-right screen-reader-text"><?php _e('Read more...', 'tainacan-theme'); ?></a>
</div>
</div>