baz_april/squelettes/scss/components/_jquery.sidr.scss

72 lines
1.5 KiB
SCSS
Executable File

$sidr-width: em(280px);
@include media($bp-medium) {
.sidr-menu-content {
display: none;
}
}
.sidr {
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
width: $sidr-width;
overflow-x: hidden;
overflow-y: auto;
padding: 1em;
body.sidr-main-open & {
box-shadow: 10px 0 0 0 rgba(0, 0, 0, 0.45);
}
background: $couleur-primaire;
color: white;
a {
color: white;
&:hover, &:focus {
color: white;
text-decoration: underline;
}
}
&.right {
left: auto;
right: -$sidr-width;
}
&.left {
left: -$sidr-width;
right: auto;
}
.recherche {
margin-bottom: 1em;
h2 {
display: none;
}
&.formulaire_spip form {
background: none;
}
.motcle {
border: 1px solid $couleur-texte;
font-size: 80%;
padding: 0 0.5em;
width: 13em;
height: 28px;
line-height: 28px;
margin-right: 0.5em;
}
.submit {
border: none;
margin: 0;
padding: 0;
background: #000;
color: white;
font-size: 80%;
border-radius: 50%;
width: 28px;
height: 28px;
line-height: 28px;
}
}
}