From 2a5de814943ea31378f8961004062117d47c4377 Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Sat, 08 Jan 2022 22:48:40 +0000
Subject: [PATCH] refactor: add partial scss refactorings
---
assets/css/style.css | 58 +++++++++++++++++++++++++++++++++-------------------------
1 files changed, 33 insertions(+), 25 deletions(-)
diff --git a/assets/css/style.css b/assets/css/style.css
index 6e7e756..c80ce0a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,4 +1,4 @@
-@charset "UTF-8";
+/* @charset "UTF-8";
:root {
--bg-color: #fff;
@@ -24,7 +24,6 @@
--sidebar-max-width: calc(var(--body-max-width) - var(--content-max-width));
--content-width: calc(var(--content-ratio) * 100%);
--sidebar-width: calc(var(--sidebar-ratio) * 100%);
- /* prettier-ignore */
--content-ratio: {{ .Site.Params.contentratio | default 0.6 }}
}
@@ -59,7 +58,7 @@
width: 100%;
margin: 0 auto;
background-color: var(--bg-color);
-}
+}
p {
line-height: 1.9em;
@@ -78,6 +77,7 @@
color: var(--blockquote-text-color);
}
+
.category {
padding: 4px 6px;
border-radius: 3px;
@@ -99,6 +99,7 @@
margin: 5px 8px 5px 0;
}
+
pre {
background-color: var(--pre-bg-color);
padding: 5px;
@@ -106,11 +107,13 @@
overflow-x: auto;
}
+
.info i {
opacity: 0.5;
margin-right: 5px;
}
+
a:link,
a:visited {
opacity: 1;
@@ -120,11 +123,12 @@
a:active {
color: var(--link-color);
}
+*/
/*basic styles ends*/
/*animation starts*/
-.animated {
+/* .animated {
transition: top 0.8s linear;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
@@ -139,7 +143,7 @@
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-}
+}
@-webkit-keyframes fadeInDown {
0% {
@@ -187,16 +191,17 @@
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
+*/
/*animation ends*/
-.nav__list {
+/* .nav__list {
margin: 0;
-}
+} */
main {
width: var(--content-width);
}
-
+/*
.content {
height: auto;
margin-top: 80px;
@@ -234,6 +239,7 @@
padding-bottom: 22px;
border-bottom: 1px solid var(--nav-text-color);
}
+*/
.theme-switch {
margin-top: -5px;
@@ -241,6 +247,7 @@
font-size: 1.75rem;
}
+/*
header .information {
float: right;
padding-top: 12px;
@@ -267,7 +274,7 @@
display: initial;
padding-right: 40px;
}
-
+*/
aside {
width: var(--sidebar-width);
}
@@ -1095,13 +1102,13 @@
}
@media screen and (min-width: 961px), print {
- header {
+ /* header {
border-bottom: 1px solid var(--border-color);
- }
+ } */
- .nav__links li:not(:last-of-type) {
+ /* .nav__links li:not(:last-of-type) {
padding-right: 20px;
- }
+ } */
.sidebar {
height: 100vh;
@@ -1124,17 +1131,18 @@
justify-content: space-between;
}
- .nav__list {
+ /* .nav__list {
display: flex;
flex: 1;
justify-content: space-between;
align-items: center;
min-height: 0;
- }
+ }
.wrapper {
display: flex;
}
+*/
.footer--base {
display: none;
@@ -1222,9 +1230,9 @@
font-size: 2.2rem;
}
- header {
+ /* header {
width: 100%;
- }
+ } */
.post-title h3 {
line-height: 1.6;
@@ -1258,11 +1266,11 @@
display: grid;
}
- nav {
+ /* nav {
display: none;
- }
+ } */
- header .nav__list {
+ /* header .nav__list {
background-color: var(--secondary-bg-color);
box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
padding: 0.5rem 0;
@@ -1292,7 +1300,7 @@
header .nav__list a.current {
border-bottom: none;
- }
+ } */
.navbar-burger {
cursor: pointer;
@@ -1425,12 +1433,12 @@
cursor: zoom-out;
will-change: transform;
}
-
+/*
@media print {
header {
display: none;
}
-}
+} */
@media (min-width: 1921px) {
.sidebar {
@@ -1441,10 +1449,10 @@
.content {
padding-right: 20%;
}
- header {
+ /* header {
position: fixed;
width: var(--content-width);
- }
+ } */
}
/* (CONTACT) FORM */
--
Gitblit v1.10.0