From: nael Date: Wed, 12 Jun 2019 16:26:52 +0000 (+0200) Subject: wip #2830 @0.30 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=e9a5d6bcbf9fcb0d81b76c401b4b9afe72648dfb;p=pmi.git wip #2830 @0.30 --- diff --git a/public/_modules/selected-product/img/product.png b/public/_modules/selected-product/img/product.png new file mode 100644 index 0000000..ce4f879 Binary files /dev/null and b/public/_modules/selected-product/img/product.png differ diff --git a/public/_modules/selected-product/index.html b/public/_modules/selected-product/index.html new file mode 100644 index 0000000..e52f77a --- /dev/null +++ b/public/_modules/selected-product/index.html @@ -0,0 +1,41 @@ + + + + + + + + + + pmi + + + +
+ +
+
+
+ +
+
+

Capteur de force

+

Modèle 1220

+
+
+ Quantité + + + +
+
+

Supprimer

+
+
+
+
+ + + + \ No newline at end of file diff --git a/public/_modules/selected-product/style.styl b/public/_modules/selected-product/style.styl new file mode 100644 index 0000000..43cd35a --- /dev/null +++ b/public/_modules/selected-product/style.styl @@ -0,0 +1,81 @@ +$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 + +.selected-wrapper + background $lightgrey + +.number + background: white + padding 12px 8px + +input[type="number"] { + -webkit-appearance: textfield; + -moz-appearance: textfield; + appearance: textfield; +} + +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none; +} + +.number-input { + display: inline-flex; +} + +.number-input, +.number-input * { + box-sizing: border-box; +} + +.number-input button { + outline:none; + -webkit-appearance: none; + background-color: transparent; + border: none; + align-items: center; + justify-content: center; + width: 2.5rem; + height: 2.5rem; + cursor: pointer; + margin: 0; + position: relative; +} + +.number-input button:before, +.number-input button:after { + display: inline-block; + position: absolute; + content: ''; + width: 8px; + height: 2px; + background-color: $dark; + transform: translate(-50%, -50%); +} +.number-input button.plus:after { + transform: translate(-50%, -50%) rotate(90deg); +} + +.number-input input[type=number] { + font-family: sans-serif; + max-width: 5rem; + padding: .5rem; + font-size: 2rem; + height: 3rem; + font-weight: bold; + text-align: center; +} \ No newline at end of file