Change font-size px to rem
This commit is contained in:
parent
800824da83
commit
ce5f9ddc8d
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
}
|
||||
}
|
||||
i{
|
||||
font-size: 45px;
|
||||
font-size: 2.8125rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue