From e0988ee1e2c2eab690cd9dc4c0046ae5d9212b87 Mon Sep 17 00:00:00 2001
From: Luiz F. A. de Prá <rawarkanis@gmail.com>
Date: Fri, 19 Mar 2021 22:19:33 +0000
Subject: [PATCH] Fix SCSS styling
---
assets/scss/_base.scss | 59 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 31 insertions(+), 28 deletions(-)
diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss
index 7ba2ff9..83b0b4b 100644
--- a/assets/scss/_base.scss
+++ b/assets/scss/_base.scss
@@ -1,22 +1,22 @@
*,
*:after,
*:before {
- box-sizing: inherit;
+ box-sizing: inherit;
}
html {
- box-sizing: border-box;
- font-size: 62.5%;
+ box-sizing: border-box;
+ font-size: 62.5%;
}
body {
color: $fg-color;
background-color: $bg-color;
- font-family: $font-family;
- font-size: 1.8em;
- font-weight: 400;
+ font-family: $font-family;
+ font-size: 1.8em;
+ font-weight: 400;
line-height: 1.8em;
- @media only screen and (max-width : 768px) {
+ @media only screen and (max-width: 768px) {
font-size: 1.6em;
line-height: 1.6em;
}
@@ -26,7 +26,7 @@
font-weight: 500;
color: $link-color;
text-decoration: none;
- transition: all .25s ease-in;
+ transition: all 0.25s ease-in;
&:focus,
&:hover {
text-decoration: underline;
@@ -34,7 +34,7 @@
}
p {
- margin: 2.0rem 0 2.0rem 0;
+ margin: 2rem 0 2rem 0;
}
h1,
@@ -70,23 +70,23 @@
h1 {
font-size: 3.2rem;
line-height: 3.6rem;
- @media only screen and (max-width : 768px) {
- font-size: 3.0rem;
+ @media only screen and (max-width: 768px) {
+ font-size: 3rem;
line-height: 3.4rem;
}
}
h2 {
font-size: 2.8rem;
line-height: 3.2rem;
- @media only screen and (max-width : 768px) {
+ @media only screen and (max-width: 768px) {
font-size: 2.6rem;
- line-height: 3.0rem;
+ line-height: 3rem;
}
}
h3 {
font-size: 2.4rem;
line-height: 2.8rem;
- @media only screen and (max-width : 768px) {
+ @media only screen and (max-width: 768px) {
font-size: 2.2rem;
line-height: 2.6rem;
}
@@ -94,15 +94,15 @@
h4 {
font-size: 2.2rem;
line-height: 2.6rem;
- @media only screen and (max-width : 768px) {
- font-size: 2.0rem;
+ @media only screen and (max-width: 768px) {
+ font-size: 2rem;
line-height: 2.4rem;
}
}
h5 {
- font-size: 2.0rem;
+ font-size: 2rem;
line-height: 2.4rem;
- @media only screen and (max-width : 768px) {
+ @media only screen and (max-width: 768px) {
font-size: 1.8rem;
line-height: 2.2rem;
}
@@ -110,13 +110,14 @@
h6 {
font-size: 1.8rem;
line-height: 2.2rem;
- @media only screen and (max-width : 768px) {
+ @media only screen and (max-width: 768px) {
font-size: 1.6rem;
- line-height: 2.0rem;
+ line-height: 2rem;
}
}
-b, strong {
+b,
+strong {
font-weight: 700;
}
@@ -152,19 +153,21 @@
blockquote {
border-left: 2px solid $alt-bg-color;
- padding-left: 2.0rem;
+ padding-left: 2rem;
line-height: 2.2rem;
font-weight: 400;
font-style: italic;
}
-th, td {
+th,
+td {
padding: 1.6rem;
}
table {
border-collapse: collapse;
}
-table td, table th {
+table td,
+table th {
border: 2px solid $alt-fg-color;
}
table tr:first-child th {
@@ -200,10 +203,10 @@
.container {
margin: 0 auto;
- max-width: 90.0rem;
+ max-width: 90rem;
width: 100%;
- padding-left: 2.0rem;
- padding-right: 2.0rem;
+ padding-left: 2rem;
+ padding-right: 2rem;
}
.fab {
@@ -233,6 +236,6 @@
img.emoji {
height: 1em;
width: 1em;
- margin: 0 .05em 0 .1em;
+ margin: 0 0.05em 0 0.1em;
vertical-align: -0.1em;
}
--
Gitblit v1.10.0