From 40cffb5cfe9c14779134f446961705e67616176d Mon Sep 17 00:00:00 2001
From: alexanderdavide <alexeble1998@gmail.com>
Date: Sat, 19 Feb 2022 16:53:04 +0000
Subject: [PATCH] refactor: use flex; put themed below base declarations
---
assets/scss/partials/components/_archive.scss | 36 ++++++++++++++++++++----------------
1 files changed, 20 insertions(+), 16 deletions(-)
diff --git a/assets/scss/partials/components/_archive.scss b/assets/scss/partials/components/_archive.scss
index 5b755ab..0bc0697 100644
--- a/assets/scss/partials/components/_archive.scss
+++ b/assets/scss/partials/components/_archive.scss
@@ -1,43 +1,47 @@
.archive {
- width: 100%;
+ margin: 30px;
+
+ &__heading {
+ font-size: 2.4rem;
+ font-weight: 600;
+ line-height: 2.2em;
+
+ @include themed() {
+ color: t('primary');
+ }
+ }
&__list {
font-size: 1.4rem;
- margin: 30px;
padding: 0;
+
&-item {
+ display: flex;
+ justify-content: space-between;
padding-bottom: 5px;
list-style-type: none;
}
&-date {
+ max-width: 10%;
+ text-align: right;
+
@include themed() {
color: t('primary-light');
}
- float: right;
- max-width: 10%;
- text-align: right;
}
&-title {
+ width: 90%;
+ display: inline-block;
+
@include themed() {
color: t('primary');
}
- width: 90%;
- display: inline-block;
&:hover {
@include themed() {
color: t('info');
}
}
}
-
- &-heading {
- @include themed() {
- color: t('primary');
- }
- font-size: 2.4rem;
- font-weight: 600;
- line-height: 2.2em;
- }
}
}
--
Gitblit v1.10.0