baz_april/squelettes/scss/styles/_styles.scss
2020-05-16 12:21:49 +02:00

78 lines
2.5 KiB
SCSS

.formulaire_spip.formulaire_recherche {
form {
position: relative;
border: 1px solid #B3B3B3;
border-radius: $spacer/2;
padding: 0 1.5em 0 2.5em;
width: 100%;
display: flex;
align-items: center;
background: white;
&:before {
content: ' ';
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.5em;
width: em(24px);
height: em(24px);
background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCxMTFg6MOI8VAAABb0lEQVQ4y5XTzUtUYRQG8N/MREJqQQgWuJA+FkW7oBD/Af+FDGwT6ECgS6P+g1q1aBFtIqKltEmxLxELKihoY0FtglCTPsiJsNLTwjtzu3fmTva8q/PwPOc97znnJUW3MTNWhPDJPeP2KkTJOV9F7tRMqrSS73Inkax75Lpr7vuRMA/tycsr7ib5LtjdYDtN+CKEJ3ZmDZNCeO9Y080HLArh8t9kj5pQc7Tl2/qtCr8dSqnzQrhY2I4xIVxKiQXhV5sGdlgTXqfEmvBUO0wLmzq2grIuLLU1fECp3tyyDXS1NXSDb/XwjbDaep4J3gor9aBsDj2GCuUnHMSDlBgUwqv8NBNUzAuRTbi1GDdblFVyRQiPs3Sfj0KY1Z/h95tKduxIPtNJn4Xw021nDBow7EZjXzecbq71sOdNvyGEd8WWshHPMuIXztqhmrWUcrZ9juvFspeN+VddxaYRt2wT1eLC/mU59b+W79s3MGrd1B/TO54VlFiohwAAAABJRU5ErkJggg==);
background-size: contain;
opacity: 1;
}
}
button, label {
@include visuallyhidden;
}
input[type=search],
input[type=text] {
width: 100%;
padding: 0;
border: none;
min-height: 2.5em;
line-height: 2.5em;
background: white;
}
}
a.back-to-top {
display: none;
@include media($bp-large-up) {
position: fixed;
width: 52px;
height: 66px;
right: 20px;
bottom: 20px;
z-index: 999;
text-indent: -9999px;
background: url("../images/back-top.png") no-repeat center;
outline: none;
}
&:focus {
background: none !important;
}
}
// ------------------------------------------------
// Affichage de valeurs de formulaires
// ------------------------------------------------
.champ.afficher {
display: flex;
margin-bottom: 0.5em;
.label {
margin-right: 1em;
width: 25%;
}
&.saisie_fieldset {
display: block;
margin: 1em 0;
& > .champ {
margin-left: 1.5em;
}
}
}