From: nael Date: Mon, 17 Jun 2019 15:28:44 +0000 (+0200) Subject: wip #2841 @1.30 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=d59adbfefe701b85628a4a6c0b0b51f5d6f0e4a3;p=pmi.git wip #2841 @1.30 --- diff --git a/public/_modules/search/img/search-icon.svg b/public/_modules/search/img/search-icon.svg new file mode 100644 index 0000000..57143ef --- /dev/null +++ b/public/_modules/search/img/search-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/public/_modules/search/index.html b/public/_modules/search/index.html new file mode 100644 index 0000000..16772e7 --- /dev/null +++ b/public/_modules/search/index.html @@ -0,0 +1,55 @@ + + + + + + + + + + pmi + + + +
+
+
+ + +
+
+ 3 résultats +
+
+
+ Produits + Capteurs + Force + LSO-12-X98 - Surveillance de pont +
+

LSO-12-X98 - Surveillance de pont

+
+
+
+
+ Actualités + newsletter-nov2018 +
+

Newsletter - Nov 2018

+
+
+
+
+ Produits + Capteurs +
+

LSO-12-X98 - Surveillance de pont

+
+
+
+ + + + \ No newline at end of file diff --git a/public/_modules/search/style.styl b/public/_modules/search/style.styl new file mode 100644 index 0000000..3257d70 --- /dev/null +++ b/public/_modules/search/style.styl @@ -0,0 +1,57 @@ +$h3 = 24px +$h2 = 36px +$barlow = 'Barlow', sans-serif +$muli = 'Muli', sans-serif +$dark = #6B7287 +$lightgrey = #F7F8FC +$darkblue = #152F4E +$lightblue = #0EAADA +$verylightgrey =#E7E9F3 + + +* + padding: 0 + box-sizing: border-box !important + margin: 0 + font-family: $muli +#search + margin-left: 10vw + margin-right: 10vw +.search-wrapper + width 67.9vw + max-width 67.9vw +.searchbar-container + background $lightgrey + width 100% +.searchbar + max-width: 46.1vw; + width: 46.1vw; + margin-right: 1.25vw + border-radius 0px +.search-icon + width: 16px + height: 16px +.navigation-link + position relative + font-size: 14px + &::after + content: ''; + display: inline-block; + width: 8px; + height: 8px; + border-width: 1px 1px 0 0 !important + border-style: solid!important + border-color: #6B7287!important + -webkit-transform: rotate(45deg)!important + transform: rotate(45deg); + position: absolute; + right: -1.2em; + top: 50%; + margin-top: -3px; +.result-link + font-size: 24px +.line + width: 100%; + display block + background $lightgrey + height 2px