inputs ok

This commit is contained in:
Jérémy Munsch 2023-10-23 11:31:19 +02:00
parent 425a7b223d
commit 608852e80a
No known key found for this signature in database
GPG key ID: 18361AF3BFEC0FEC
6 changed files with 42 additions and 12 deletions

View file

@ -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

File diff suppressed because one or more lines are too long

View file

@ -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;

View file

@ -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%)};
}
}

View file

@ -672,7 +672,7 @@
<div class="bs-component">
<form data-dashlane-rid="7088f1a6d04579e6" data-form-type="other">
<fieldset>
<legend>Legend</legend>
<legend>Legend control-plaintext</legend>
<div class="form-group row">
<label class="col-sm-2 col-form-label" for="staticEmail">Email</label>
<div class="col-sm-10">

View file

@ -30,7 +30,7 @@
</div>
<!-- Navbar
================================================== -->
================================================== -->
<div class="bs-docs-section clearfix">
<div class="row">
<div class="col-lg-12">
@ -242,7 +242,7 @@
</div>
<!-- Buttons
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="page-header">
<div class="row">
@ -439,7 +439,7 @@
</div>
<!-- Typography
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -568,7 +568,7 @@
</div>
<!-- Tables
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -657,7 +657,7 @@
</div>
<!-- Forms
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -672,7 +672,7 @@
<div class="bs-component">
<form data-dashlane-rid="7088f1a6d04579e6" data-form-type="other">
<fieldset>
<legend>Legend</legend>
<legend>Legend control-plaintext</legend>
<div class="form-group row">
<label class="col-sm-2 col-form-label" for="staticEmail">Email</label>
<div class="col-sm-10">
@ -917,7 +917,7 @@
</div>
<!-- Navs
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -1157,7 +1157,7 @@
</div>
<!-- Indicators
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -1283,7 +1283,7 @@
</div>
<!-- Progress
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -1377,7 +1377,7 @@
</div>
<!-- Containers
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">
@ -1736,7 +1736,7 @@
</div>
<!-- Dialogs
================================================== -->
================================================== -->
<div class="bs-docs-section">
<div class="row">
<div class="col-lg-12">