Fix lang-switcher and toc styling
This commit is contained in:
parent
3146dd8025
commit
bb4043a39d
2 changed files with 20 additions and 44 deletions
|
@ -22,7 +22,7 @@
|
||||||
// >= 1024
|
// >= 1024
|
||||||
@media @screen_min-md {
|
@media @screen_min-md {
|
||||||
height: @page-header_height;
|
height: @page-header_height;
|
||||||
border: 1px solid transparent;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
// < 1024
|
// < 1024
|
||||||
|
@ -121,26 +121,17 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
font-size: @font-size-small;
|
font-size: @font-size-small;
|
||||||
transition: @transition background-color, @transition border-color, @transition color;
|
transition: var(--transition-glow);
|
||||||
|
background-color: var(--color-shade-1);
|
||||||
@media @screen_min-md {
|
border: solid 0.1em var(--color-shade-2);
|
||||||
background-color: var(--color-background);
|
border-radius: 0.5rem;
|
||||||
border: 1px solid var(--color-shade-4);
|
color: var(--color-foreground);
|
||||||
border-bottom-color: var(--color-background);
|
padding: .25em;
|
||||||
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
|
margin-left: 0;
|
||||||
color: var(--color-foreground);
|
|
||||||
margin-left: 4px;
|
|
||||||
padding: .3em 1rem .1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
@media @screen_max-md {
|
||||||
background-color: var(--color-background);
|
|
||||||
top: 0;
|
top: 0;
|
||||||
border: 1px solid var(--color-shade-4);
|
|
||||||
color: var(--color-foreground);
|
|
||||||
margin-top: .2rem;
|
margin-top: .2rem;
|
||||||
margin-left: 0;
|
|
||||||
padding: .2em .3rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
@ -159,35 +150,16 @@
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
background-color: transparent;
|
||||||
@media @screen_min-md {
|
border-color: var(--color-glow-secondary);
|
||||||
background-color: var(--color-background);
|
color: var(--color-glow-secondary);
|
||||||
border-color: var(--color-shade-4);
|
filter: var(--filter-glow-secondary);
|
||||||
color: var(--color-foreground);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
|
||||||
background-color: var(--color-shade-4);
|
|
||||||
border-color: var(--color-background);
|
|
||||||
color: var(--color-foreground);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
> a {
|
> a {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
background-color: var(--color-background);
|
|
||||||
border-color: var(--color-shade-4);
|
|
||||||
border-bottom-color: var(--color-background);
|
|
||||||
color: var(--color-foreground);
|
|
||||||
|
|
||||||
@media @screen_max-md {
|
|
||||||
background-color: var(--color-shade-4);
|
|
||||||
border-bottom-color: var(--color-shade-4);
|
|
||||||
border-radius: 0;
|
|
||||||
color: var(--color-foreground);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -208,15 +180,16 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
display: none;
|
display: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--color-background);
|
background-color: var(--color-shade-1);
|
||||||
border: 1px solid var(--color-shade-4);
|
border: solid .1em var(--color-shade-2);
|
||||||
|
border-radius: 0.5rem;
|
||||||
|
|
||||||
@media @screen_min-xs {
|
@media @screen_min-xs {
|
||||||
min-width: 20em;
|
min-width: 20em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media @screen_min-md {
|
@media @screen_min-md {
|
||||||
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius
|
margin-top: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
|
@ -266,7 +239,8 @@
|
||||||
float: none;
|
float: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: .6rem .5rem .5rem .8rem;
|
padding: .6rem .5rem .5rem .8rem;
|
||||||
background: transparent;
|
background-color: transparent;
|
||||||
|
color: var(--color-foreground);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
|
|
|
@ -21,6 +21,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
ul li {
|
ul li {
|
||||||
|
margin-top: 0;
|
||||||
|
|
||||||
// active language
|
// active language
|
||||||
span.wikilink1 {
|
span.wikilink1 {
|
||||||
.fnButton();
|
.fnButton();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue