From 608852e80acadf4bce5eff3f5a7af2dab9d1e68f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= Date: Mon, 23 Oct 2023 11:31:19 +0200 Subject: [PATCH] inputs ok --- .../sass/fo/utilities/_bootstrap-custom.scss | 1 + resources/sass/fo/utilities/_mixins.scss | 7 ++++++ resources/sass/fo/utilities/_variables.scss | 3 +++ .../sass/fo/utilities/bs-customs/_input.scss | 19 ++++++++++++++++ resources/views/fo/pages/bs-demo.blade.php | 2 +- resources/views/fo/pages/home.blade.php | 22 +++++++++---------- 6 files changed, 42 insertions(+), 12 deletions(-) create mode 100644 resources/sass/fo/utilities/bs-customs/_input.scss diff --git a/resources/sass/fo/utilities/_bootstrap-custom.scss b/resources/sass/fo/utilities/_bootstrap-custom.scss index 5c256e6..797b872 100644 --- a/resources/sass/fo/utilities/_bootstrap-custom.scss +++ b/resources/sass/fo/utilities/_bootstrap-custom.scss @@ -2,6 +2,7 @@ @import "mixins"; @import "bootstrap/scss/functions"; @import "./bs-customs/button"; +@import "./bs-customs/input"; // SET SOME CLASSES WITH BOOTSTRAP BREAKPOINTS // * Reponsive borders diff --git a/resources/sass/fo/utilities/_mixins.scss b/resources/sass/fo/utilities/_mixins.scss index e998871..76ffaa9 100644 --- a/resources/sass/fo/utilities/_mixins.scss +++ b/resources/sass/fo/utilities/_mixins.scss @@ -84,3 +84,10 @@ no-repeat center center; background-size: 100% 100%; } + +@mixin input-shape($color) { + background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 270.19 110.6' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: #{urlencodecolor($color)}; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='rejoignez-nous'%3E%3Cpath class='cls-1' d='m264.7,110.48c-1.2.12,4.33.2,3.94-.06.32-.22-.33-.66-.33-.66-.12-.3-.32-.57-.64-.72-.54.13-1.22.22-2.05.23l-.02-.82h.05s-.03-.03-.05-.04l-.02-1.23c.15-.04.3-.07.5-.1,1.82.49-.33,1.33,1.59,1.73.61-.68.63-1.51.05-2.19l.8-.22c-.88-.48.12-.81-.76-1.29,1.49-.3-1.32-.64.82-.9.91-.6-1.66-1.13-.36-1.58-1.08-.35.31-.7.42-1.05-.78-.49-.08-.87-.76-1.36,1.11-.96-.25-2.11-.32-3.17.31-.53,1.31-1.01.04-1.51-.28-.77,1.43-1.58.85-2.48-1.73-.22-.38-.51-.77-.75,1.3-.52.92-1.29.44-1.88l.4-.07c-1.26-1.19.95-2.35-.31-3.55.11-.56-.26-1.45.45-1.95-.28-.51.73-1.3-.75-1.81,1.51-.95.55-2.35.88-3.4-.78-.45.72-1.03-.36-1.51-.19-.48.22-.94,1.22-1.35.11-.25-.28-.7.42-.99-1.98-.13-.58-.54-1.57-.76-.59-.24,1.2-.39.01-.6,1.7-.53-1.71-1.04.43-1.51-1.18-.38.62-.9.04-1.43-1.83-.26.51-.6-.77-.9,1.61-.77-1.4-1.57.45-2.26.71-.49-1.51-.94.43-1.36l-1.14-1.88c.7-.17.8-.32.41-.53,1.3-.26.91-.75.42-1.05.5-.13.4-.28-.39-.38.61-.48.62-1.09.04-1.58.62-1.11.66-2.65.09-3.76,2.11-.98-.65-1.87.86-2.79-1.28-.43-.87-1.09-.36-1.58-2.13-.23.71-.54-.77-.83,2.79-.44-2.11-.87.43-1.28-2.42-.37,1.8-.58.42-1.06-1.52-.87.65-2.03-1.17-2.93,1.16-.6-.37-1.25.04-1.82.76-.7.39-1.75.51-2.49-.28-.51.73-1.3-.8-1.81,2.64-.32.12-.83.88-1.28-2.13-.28.71-.66-.82-.98,1.35-.38.97-1,.43-1.43-.9.15-1.89.15-2.78,0,.12.17-1.04.42-1.22.6l-.15-7.76c.07.05.18.1.35.15l1.19-.07c.69.09.89.23.78.38-.4.13-1.29.05-1.99.07.89.13,3.56.38,2.76.76-3.33.24,1.52.61-1.21.9-.99-.09-.79-.28-.78-.46h-.79c.18.55-.87,1.26,2.34,1.51-1,.27-2.73.29-2,.68.2.11,1.39.13,1.98.23-2.09.31.97.81-2.01.99-.41.65-1.78,1.9,3.52,1.88.58-1.27-.73-2.37.93-3.54-2.51-.66,1.52-1.26-.35-1.96-2.72-.28.12-.72-.82-1.13,1.35-.42.97-1.06.43-1.51.26-.34,1.56-.77.03-1.06,1.35-.5-.87-1.09.48-1.5-.06-1.43-1.47-2.87-.34-4.3-1.38-.49.67-.94-.76-1.36,1.84-.18-.39-.45.81-.67-.29-.14-1.09-.07-1.58-.09-1.39.19-.21.42-.41.68-.4.09-.99.11-1.59.15.78.46,1.66.88,1.95,1.36-1.6.32,1.57.81-1.21.98l1.58.23c.19.22-.31.39-1.2.52-.4,0-.99.02-1.19-.08-.11.38-1.56.75-.42,1.14-.65.35,1.17.81-.03,1.2-.55.34,2.47.23,1.57.61-.2.04-.4.09-.79.07.68.4-1.56.75.37,1.05l.4-.07c.5.02,1.29-.05,1.58.08-1.1.21-1.01.59-2.79.68l.39.07c.28.26-.29.62-1.2.89l-.48-24.32.97,1.88c-.8.36-.22.88-.43,1.21l1.64-.07c.59.13,1.58.24,1.18.45-5.03.84-2.29,2.26-2.52,3.47.74.06,1.14-.08,1.64-.16,1.09.02,1.08.25,1.58.38,1.36-.75-.86-1.51.45-2.26,1.55-.47-.47-1.03-.36-1.58,1.35-.57.93-1.36.44-1.95,1.26-.64,1.28-1.54.05-2.19,1.55-.47-1.26-1,.83-1.43-1.67-.48,2.15-.68.87-1.21,0-.34-1.52-.56-1.61-.9-1.4-.1-3.19-.1-4.76-.05v-.08h-.82c.81-.01,1.63-.02,2.45-.01l-.41-.32c.74-.18,1.68-.27,2.98-.23-5.53-.12-12.05-.48-17.33-.02-2.86-.3-6.58-.04-9.76,0l-.42-.08c-1.25-.1-3.55-.18-4.65.07-1.76-.47-3.14.23-5.48,0-3.07-.49-8.14-.07-12.26-.09-1.25-.24-3.8-.5-5.06-.08-4.23.25-8.25.17-12.69.07-4.54-.08-10.86.21-15.61-.01-1.93-.02-5.06.05-7.2-.08-2.1.35-4.96.17-7.15,0-2.67.27-5.63-.24-8.04.15-4.11-.45-7.94.17-12.27.07-3.18-.24-7.72-.12-10.96.07-3.71.08-8.55-.32-12.27-.01-5.17-.06-10.23.07-15.66-.09-2.82.13-6.52-.28-9.29.07-.52-.02-1.36.06-1.67-.08-2.45-.12-5.79-.16-7.63.23-2.08-.35-4.33.05-6.73-.16-4.66.42-9.29-.11-13.99-.17-10.13.19-21.1.26-31.27.21-2.41.42-5.37-.14-7.99.16-4.85-.19-9.08.01-13.93-.18-2.36.26-4.33-.06-6.79.16-2.44-.42-4.44.27-7.21.15l2.12.72h0l-.13,4.08c-.99-.04-2.17,0-3.21-.02-1.7.72-1.73,1.66-1.65,2.41-2.09.21.68.51-.81.75,3.8.78-3.76,1.64,2.77,2.12-1.14.17-2.04.37-1.65.68.29.43-.72,1.14.75,1.58-.61.81-.64,1.75-.06,2.56.08.81-.34,1.56.34,2.41-.4.06-.6.19-1.19.15.97.81.06,1.47.34,2.34,2.62.19-.11.51.77.83-1.5.34-.52.85-.83,1.28,2.52.37-.92.94.76,1.43-2.09.46.72,1.02-.43,1.51,1.53.39-1.31.85.81,1.2-2.14.38,1.57.89-.87,1.28.68.41-.02.72.82,1.13-1.65.36,1.57.79-1.27,1.05.98.62-.43,1.15,1.2,1.74-.25.19.49.43-.86.52,2.13.22-.71.59.82.75-1.66.96-.3,2.24-1.32,3.16.79.25,1.22.62,1.22.83-.55.27.78.4,1.18.61-3.13.15,1.07.7-2.45.68l.79.3c-1.2.59-1.23,1.45-.05,2.04-.73,1.26-.36,2.71-.49,3.92,1.53.36-1.31.75.82,1.05-2.04.44,2.16.77-.03,1.14-.65.04-.84-.1-1.24-.16-.11.23.09.44.78.61.09.47-2.11,1.05.41,1.43-.46.74-.88,1.45-1.29,2.19,1.23.6-.63,1.24-.04,1.81-3.53.41,1.42.89,1.6,1.36-.75.13-.66.45-2.04.37l.38.75c-.61.49,3,.94-.03,1.36-.1.19-.01.43,1.23.45l-1.25.23c-.3.13.49.19.39.3-1.21.85.55,1.75-.06,2.56-3.38.42,3.4.79-1.22,1.13,0,.17-.21.35.78.45.09.31,1.52.61.37.9,1.22.64-.73,1.41.79,2.11-2.04.26.29.44.78.68-2.54.43,1.56,1.07-.83,1.58-3.92.22,1.07.79.37,1.29-4.03.55.96,1.41-1.29,2.18,2.31.66-1.33,1.51,1.58,2.11.1.15-.11.28-.8.37-1.35.6.86,1.3-.49,1.82,1.03.45-.42,1.09,1.2,1.51.49.15.88.48-.41.6-.4,0-1.04.02-1.24-.08,0,.42,1.52.72,1.61,1.14-1.05.22-1.55.46-1.66.75,2.52.43-1.51.81.37,1.28-2.4.68,1.21,1.36-.05,2.04-.71.46,2.72.23,2.41.68-3.53.31-1.71,1.14-1.63,1.66,2.86.54-2.15.86-.43,1.51,2.67.41-2.25.59-.03,1.05-2.44.37,1.17.66-.03,1.13-1.56.93,1.24,2.06-.92,3.02,2.82.44-.42,1.05,1.2,1.58-1.35.46.87.9-.43,1.36,2.37.53-1.56.99.36,1.58-1.85.53,1.76.9-.04,1.43,1.38.3-.96.86.37,1.2,1.61.35-1.62,1.05,1.23,1.32v.06c-2.63.13-.33.41-.02.71v.09s0,.06-.08.08c-.3.13-1.09.05-1.59.07-1.17,1.07,2.03,2.19-.08,3.24-.4.27,1.08.46-.02.68,1.18.46-.67.87-.03,1.36.09.2,1.88.28,1.57.52-2.54.4-.13,1.15-2.02,1.58,1.36.23,1.28.51,1.05.8-.21.05-.27.12-.17.22l-.09.08c-1.23.25-.73.5-.09.75h6.62s0-.03,0-.04l118.34-.15c2.07.06,4.21.13,6.15,0h3.63c1.24.02,2.42.02,3.6,0h4.72c5.46.25,12.13,0,17.69.2,4.13-.36,8.77,0,13.1.01,2.78-.36,5.95,0,8.87,0,2.14,0,4.75,0,6.37,0,7.57-.24,14.98.13,22.81.02,1.14.37,2.51-.06,4.23.08,7.36.18,14.98,0,22.81.18,1.04.02,2.4-.04,2.92,0,3.15-.13,6.36-.09,9.55-.04,0,.28,5.22.32,4.94.05,2.11,0,4.21-.03,6.24-.15,1.48.19.75.31.27.45Zm-.11-105.51l-1.04.19v-1.23c.42.34.56.7,1.04,1.04Zm-1.04-2.1v-1.12c1.11.35.81.76,0,1.12Zm0-1.15v-.2c.26.06.35.12,0,.2Zm.66,36.79v-.29c.1.08.53.13,1.59.14.2.11-.5.15-.8.23-.39.02-.59-.05-.79-.08Zm.01.56c.38.14.89.28,1.15.42-.54.08-.88.16-1.14.25v-.67Zm.07,3.32c.06.04.12.07.22.11.4-.09.99-.11,1.59-.15.29.13,1.18.23.39.38-1.44-.03-2.03,0-2.18.09v-.43Zm.01.57c.25.21,1.3.51.57.75-.27.09-.43.17-.55.26l-.02-1.02Zm.05,2.28c.7.13.38.27,0,.42v-.42Zm.02.95s.03,0,.05.01c.59.36,1.79-.07,2.38.08.42.34-1.48.4-2.41.53v-.62Zm.03,1.26c.56.13,1.03.27.38.48.06.12-.12.23-.36.34l-.02-.82Zm.09,4.31l.99.09-.98.19v-.28Zm.05,2.63c.2.05.55.07,1.27.02.3.08.99.12.79.23-.99.21-1.54.45-2.04.69l-.02-.94Zm.51,25.61c.3.03.58.08.92.11.29.13-.4.2-.8.3-.03,0-.07,0-.11,0v-.41Zm.05,2.53v-.46c.48,0,.93.04,1.21.15.29.14-.4.21-.8.31-.15.01-.28.01-.41,0Zm.08,3.85c1.15.13.73.23,0,.35v-.35Zm.08,3.79l.86.27c-.31.04-.5.13-.85.15v-.41Zm.03,1.4c.13.02.24.05.4.07l.4-.07c.69,0,1.14.15,1.63.23-.1.19-1.54.26-1.65.45,1.31.35.37.56-.76.75l-.03-1.42Zm.06,2.82v-.58c.41.02.72.1,1.08.16,0,.17.19.36-.8.46l-.28-.04Zm.01.54v-.33c.41.08,1.05.16,1.05.27-.37.1-.7.09-1.05.06Zm.56,3.79c-.13-.02-.3-.04-.48-.05v-.34c.8-.04,1.63-.13,2.12.16l-1.25.3-.4-.07Z'/%3E%3C/g%3E%3C/svg%3E"); + background-position: center center; + background-repeat: no-repeat; + background-size: 100% 100%; +} diff --git a/resources/sass/fo/utilities/_variables.scss b/resources/sass/fo/utilities/_variables.scss index 6730b0b..ac418d7 100644 --- a/resources/sass/fo/utilities/_variables.scss +++ b/resources/sass/fo/utilities/_variables.scss @@ -48,6 +48,9 @@ $display-font-family: 'Readex Pro', sans-serif; // * Buttons $input-btn-active-bg-color: #000; +// * Inputs +$input-bg: #F1F1F1; + // scss-docs-start input-btn-variables // $input-btn-padding-y: .375rem !default; // $input-btn-padding-x: .75rem !default; diff --git a/resources/sass/fo/utilities/bs-customs/_input.scss b/resources/sass/fo/utilities/bs-customs/_input.scss new file mode 100644 index 0000000..4d1f5dd --- /dev/null +++ b/resources/sass/fo/utilities/bs-customs/_input.scss @@ -0,0 +1,19 @@ +.form-control { + border: inherit; + background-color: inherit; + + @include input-shape($input-bg); + + // Customize the `:focus` state to imitate native WebKit styles. + &:focus { + background-color: inherit; + } + + // Disabled inputs + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &:disabled { + background-color: #{shade-color($body-bg, 20%)}; + } +} diff --git a/resources/views/fo/pages/bs-demo.blade.php b/resources/views/fo/pages/bs-demo.blade.php index 8e961ec..54730a3 100644 --- a/resources/views/fo/pages/bs-demo.blade.php +++ b/resources/views/fo/pages/bs-demo.blade.php @@ -672,7 +672,7 @@
- Legend + Legend control-plaintext
diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php index 8e961ec..198a66f 100644 --- a/resources/views/fo/pages/home.blade.php +++ b/resources/views/fo/pages/home.blade.php @@ -30,7 +30,7 @@
+ ================================================== -->
@@ -242,7 +242,7 @@
+ ================================================== -->
@@ -439,7 +439,7 @@
+ ================================================== -->
@@ -568,7 +568,7 @@
+ ================================================== -->
@@ -657,7 +657,7 @@
+ ================================================== -->
@@ -672,7 +672,7 @@
- Legend + Legend control-plaintext
@@ -917,7 +917,7 @@
+ ================================================== -->
@@ -1157,7 +1157,7 @@
+ ================================================== -->
@@ -1283,7 +1283,7 @@
+ ================================================== -->
@@ -1377,7 +1377,7 @@
+ ================================================== -->
@@ -1736,7 +1736,7 @@
+ ================================================== -->