From b3149ac9f24e0f23c983ff282c6d5c665ec82e4a Mon Sep 17 00:00:00 2001
From: Jacek Lebioda <jacek.lebioda@uni.lu>
Date: Mon, 9 Apr 2018 14:21:16 +0200
Subject: [PATCH] Responsive version
---
_sass/minima/_layout.scss | 49 +++++++++++++++++++++------------------
1 file changed, 27 insertions(+), 22 deletions(-)
diff --git a/_sass/minima/_layout.scss b/_sass/minima/_layout.scss
index 7d3013b..8520a76 100644
--- a/_sass/minima/_layout.scss
+++ b/_sass/minima/_layout.scss
@@ -55,32 +55,40 @@
}
.page-link:hover:after {
- // border-bottom: solid 3px #26a9df;
border-color: #58595B;
}
- .page-link:after {
- content: " ";
- width: 22px;
- border-bottom: solid 3px #cbcfda;
- position: absolute;
- top: 30px;
- left: 18px;
- float: left;
+ @media (min-width: 640px) {
+ .page-link:after {
+ content: " ";
+ width: 22px;
+ border-bottom: solid 3px #cbcfda;
+ position: absolute;
+ top: 30px;
+ left: 18px;
+ float: left;
+ }
+ }
+
+ @media (max-width: 640px) {
+ .page-link.active:before {
+ content: "\2022";
+ margin-right: 10px;
+ position: absolute;
+ left: 30px;
+ color: rgb(23, 168, 225);
+ }
+ .page-link.active {
+ font-weight: 600;
+ color: rgb(23, 168, 225);
+ }
+ .page-link {
+ color: #222;
+ }
}
@media (min-width: 640px) {
.page-link:hover {
- // border: solid 1px #555;
- // border-top: none;
- // border-right: solid 1px;
-
- // text-decoration: none;
- // box-shadow: #0000001f 0px 5px 10px 0px;
-
- // z-index: 100;
- // margin-right: 0px;
-
color: #222 !important;
&:not(.active) {
@@ -95,8 +103,6 @@
margin: 0 0 0 -1px;
padding: 2px 10px 4px 9px;
-// color: #0bc5ff;
-
float: left;
-moz-transition: padding 0.8s ease;
@@ -108,7 +114,6 @@
}
.active:after {
- // padding-top: 20px;
border-color: #58595B;
}
}
--
GitLab