13hannes11/hugo-coder-timeline
1
0
Fork 0
mirror of https://github.com/13hannes11/hugo-coder-timeline.git synced 2024-09-04 00:50:58 +02:00
Code Issues Projects Releases Wiki Activity

HTML/CSS only tabs (#678)

Browse Source 
* Fix pre tag margin top so it looks good inside containers

* Bind to 0.0.0.0 for docker container support

* Add HTML only tabs shortcode
This commit is contained in:
Codruț Constantin Gușoi
2022-05-29 19:43:09 +01:00
committed by GitHub
parent 9ea82c5c82
commit 5e4e500cdf
19 changed files with 418 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/scss/_tabs_dark.scss Normal file
View File

@@ -0,0 +1,27 @@
@mixin tabs_dark {
.tabs {
label.tab-label {
background-color: $alt-bg-color-dark;
border-color: $lighter-alt-bg-color-dark;
}
input.tab-input:checked + label.tab-label {
background-color: $bg-color-dark;
}
.tab-content {
background-color: $bg-color-dark;
border-color: $lighter-alt-bg-color-dark;
}
}
}
body.colorscheme-dark {
@include tabs_dark();
}
body.colorscheme-auto {
@media (prefers-color-scheme: dark) {
@include tabs_dark();
}
}