dokuwiki-template-sprintdoc.../css/area_togglelink.less
2017-02-09 10:12:50 +01:00

87 lines
2 KiB
Text
Executable file

/**
* This file provides the design styles for the sidebar (navmain).
*
* @author Jana Deutschlaender <deutschlaender@cosmocode.de>
*/
.togglelink {
&.page_main-content {
position: absolute;
top: -1px;
bottom: -1px;
left: -(@margin-default);
z-index: 1;
@media @screen_max-md{
display: none;
}
a {
.display-flex();
.flex-direction();
.justify-content();
width: (@margin-default);
height: 100%;
background-color: @button_background;
border: solid 1px @button_background;
border-radius: @fix_border-radius 0 0 @fix_border-radius;
color: @button_color;
text-decoration: none;
text-align: center;
transition: @transition color, @transition background-color, @transition border-color;
&:hover,
&:focus,
&:active {
background-color: @button_color;
border-color: @button_background;
color: @button_background;
text-decoration: none;
* {
color: inherit;
text-decoration: none;
}
}
}
/* + + + toggle out + + + */
.wide-content & {
left: -1px;
a {
background-color: @button_background;
border-color: @button_background;
border-radius: 0 @fix_border-radius @fix_border-radius 0;
&:hover,
&:focus,
&:active {
background-color: @button_color;
}
}
}
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1440px */
@media @screen_min-xlg {
.togglelink {
}
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1199px */
@media @screen_max-xlg {
.togglelink {
}
}