Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/wangchucheng/hugo-eureka.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorWang Chucheng <me@wangchucheng.com>2021-01-21 19:23:44 +0300
committerWang Chucheng <me@wangchucheng.com>2021-01-21 19:23:44 +0300
commitebe380dfee5f2102170c4c3bd2068db800dba164 (patch)
treea2b14f91d606e6d6908c3c96aa388ae80b051551 /assets
parent90e7ee3b8c4452a649d6d6b2d5e1f1ec043acb3f (diff)
style: add top border to selected menu itemv0.5.0
Diffstat (limited to 'assets')
-rw-r--r--assets/css/base.css2
-rw-r--r--assets/css/site.css6
-rw-r--r--assets/css/tailwind.config.js12
3 files changed, 15 insertions, 5 deletions
diff --git a/assets/css/base.css b/assets/css/base.css
index 98a7170..84d1d16 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -20,5 +20,5 @@
}
a:hover {
- @apply text-eureka;
+ @apply text-eureka transition duration-300 ease-in-out;
} \ No newline at end of file
diff --git a/assets/css/site.css b/assets/css/site.css
index a88e360..0a8e083 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -48,4 +48,10 @@
.pagination .page-item:not(.disabled):hover {
@apply text-eureka;
+}
+
+.selected-menu-item {
+ @apply text-eureka;
+ border-top-color: var(--color-eureka);
+ border-bottom-color: transparent;
} \ No newline at end of file
diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js
index cb8a45d..a253ba6 100644
--- a/assets/css/tailwind.config.js
+++ b/assets/css/tailwind.config.js
@@ -18,10 +18,11 @@ module.exports = {
},
extend: {
height: {
- '(screen-16)': 'calc(100vh - 4rem)',
- '96': '24rem',
- '128': '32rem',
- '160': '40rem',
+ '(screen-16)': 'calc(100vh - 4rem)',
+ '(16-4px)': 'calc(4rem - 4px)',
+ '96': '24rem',
+ '128': '32rem',
+ '160': '40rem',
},
minHeight: {
'16': '4rem',
@@ -29,6 +30,9 @@ module.exports = {
maxHeight: {
'doc-sidebar': 'calc(100vh - 4rem - var(--height-doc-title, 4rem))',
},
+ lineHeight: {
+ '(16-4px)': 'calc(4rem - 4px)',
+ },
inset: {
'16': '4rem',
'32': '8rem',