Skip to content
Permalink
Browse files

Font sizes fix

  • Loading branch information...
ronilaukkarinen committed Aug 22, 2019
1 parent b66fbd4 commit b1d70a115e4960de7b58e2271fbeadd15417a1b1

Large diffs are not rendered by default.

@@ -67,7 +67,7 @@
}

h1 {
@include responsive-font(4.5vw, 30px, 70px);
@include responsive-font(30px, 70px);
color: #fff;
font-weight: 900;
line-height: 1.1;
@@ -122,13 +122,13 @@ h1,

h2,
%h2 {
@include responsive-font(27px, 45px);
@include responsive-font(27px, 42px);
margin-bottom: 2rem;
}

h3,
%h3 {
@include responsive-font(25px, 35px);
@include responsive-font(25px, 32px);
margin-bottom: 2rem;
}

@@ -38,15 +38,15 @@
max-width: 1000px;

h1 {
@include responsive-font(6vw, 32px, 100px);
@include responsive-font(32px, 100px);
margin-top: 0;
margin-bottom: 10px;
font-weight: 900;
color: rgba(#fff, .85);
}

p {
@include responsive-font(4vw, 20px, 28px);
@include responsive-font(20px, 28px);
margin: 0;
line-height: 1.5;
color: rgba(#fff, .85);
@@ -215,7 +215,7 @@ body {
margin-bottom: 10px;

a {
@include responsive-font(1.2vw, 14px, 17px);
@include responsive-font(14px, 17px);
}
}

@@ -228,7 +228,7 @@ body {
}

.comments-link {
@include responsive-font(1.2vw, 14px, 17px);
@include responsive-font(14px, 17px);
text-align: right;
display: block;

@@ -2,7 +2,7 @@ body {
#page {
.template-arkisto {
h2 {
@include responsive-font(3vw, 20px, 24px);
@include responsive-font(20px, 24px);
margin-bottom: 20px;
color: #222;

@@ -1,16 +1,15 @@
body {
#page {

form {
input#s {
width: 100%;
max-width: 200px;

@media(min-width: 650px) {
@media (min-width: 650px) {
max-width: 400px;
}

@media(max-width: $container-mobile) {
@media (max-width: $container-mobile) {
@include stack();
max-width: 100%;
margin-bottom: 10px;
@@ -23,7 +22,7 @@ body {
color: #fff;
border-color: $color-links;

@media(max-width: $container-mobile) {
@media (max-width: $container-mobile) {
@include stack();
max-width: 100%;
}
@@ -32,7 +31,7 @@ body {

.template-haku {
h2 {
@include responsive-font(3vw, 20px, 24px);
@include responsive-font(20px, 24px);
margin-bottom: 20px;
color: #222;

@@ -8,17 +8,17 @@ body {
width: 100%;
text-align: center;

@media(max-width: 770px) {
@media (max-width: 770px) {
max-width: 200px;
max-height: 200px;
}

@media(max-width: 600px) {
@media (max-width: 600px) {
max-width: 180px;
max-height: 180px;
}

@media(max-width: $container-mobile) {
@media (max-width: $container-mobile) {
float: none;
max-width: 100%;
text-align: left;
@@ -35,17 +35,17 @@ body {
border-radius: 50%;
margin-bottom: 10px;

@media(max-width: 770px) {
@media (max-width: 770px) {
width: 160px;
height: 160px;
}

@media(max-width: 600px) {
@media (max-width: 600px) {
width: 120px;
height: 120px;
}

@media(max-width: $container-mobile) {
@media (max-width: $container-mobile) {
width: 180px;
height: 180px;
}
@@ -59,7 +59,7 @@ body {
text-align: center;
margin: 5px 0;

@media(max-width: $container-mobile) {
@media (max-width: $container-mobile) {
text-align: left;
font-size: 16px;
position: relative;
@@ -70,7 +70,7 @@ body {

.template-info {
h2 {
@include responsive-font(3vw, 20px, 24px);
@include responsive-font(20px, 24px);
margin-bottom: 20px;
color: #222;
}

0 comments on commit b1d70a1

Please sign in to comment.
You can’t perform that action at this time.