EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP 02: style adjustments to match eh22 styleguide

Browse source
This commit is contained in:
kritzl 2025-02-20 22:03:16 +01:00
commit 0501598d41
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
75 changed files with 957 additions and 317 deletions
Download patch file Download diff file Expand all files Collapse all files

44
css/area_nav-metabox.less
View file

@ -7,11 +7,17 @@
.flex-direction();
.justify-content(flex-end);
clear: none;
display: block;
position: relative;
float: right;
box-sizing: border-box;
max-width: 40%;
margin-top: -(@page_padding-top); // reverse padding-top of .page container
margin-right: -1px;
padding-bottom: 0.5rem;
height: 4rem !important;
color: var(--color-foreground);
// >= 1024
@media @screen_min-md {
@ -37,7 +43,7 @@
ul.meta-tabs > li > a {
border-top-color: var(--color-background);
border-bottom-color: @noopentasks-border;
border-bottom-color: var(--color-shade-4);
border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
}
@ -119,10 +125,10 @@
@media @screen_min-md {
background-color: var(--color-background);
border: 1px solid @noopentasks-border;
border: 1px solid var(--color-shade-4);
border-bottom-color: var(--color-background);
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
color: @ini_nav_menu_color;
color: var(--color-foreground);
margin-left: 4px;
padding: .3em 1rem .1em;
}
@ -130,8 +136,8 @@
@media @screen_max-md {
background-color: var(--color-background);
top: 0;
border: 1px solid @ini_existing;
color: @ini_existing;
border: 1px solid var(--color-shade-4);
color: var(--color-foreground);
margin-top: .2rem;
margin-left: 0;
padding: .2em .3rem;
@ -156,14 +162,14 @@
@media @screen_min-md {
background-color: var(--color-background);
border-color: @ini_existing;
color: @ini_existing;
border-color: var(--color-shade-4);
color: var(--color-foreground);
}
@media @screen_max-md {
background-color: @ini_existing;
background-color: var(--color-shade-4);
border-color: var(--color-background);
color: var(--color-background);
color: var(--color-foreground);
}
}
}
@ -172,15 +178,15 @@
> a {
cursor: default;
background-color: var(--color-background);
border-color: @ini_existing;
border-color: var(--color-shade-4);
border-bottom-color: var(--color-background);
color: @ini_existing;
color: var(--color-foreground);
@media @screen_max-md {
background-color: @ini_existing;
border-bottom-color: @ini_existing;
background-color: var(--color-shade-4);
border-bottom-color: var(--color-shade-4);
border-radius: 0;
color: var(--color-background);
color: var(--color-foreground);
}
}
}
@ -203,7 +209,7 @@
display: none;
width: 100%;
background-color: var(--color-background);
border: 1px solid @ini_existing;
border: 1px solid var(--color-shade-4);
@media @screen_min-xs {
min-width: 20em;
@ -218,7 +224,7 @@
}
a {
color: @ini_existing;
color: var(--color-foreground);
}
> div {
@ -295,7 +301,7 @@
width: 4px;
height: 4px;
overflow: hidden;
background-color: @ini_existing;
background-color: var(--color-shade-4);
}
}
}