inputs ok
This commit is contained in:
parent
425a7b223d
commit
608852e80a
6 changed files with 42 additions and 12 deletions
|
|
@ -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
|
|
@ -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;
|
||||
|
|
|
|||
19
resources/sass/fo/utilities/bs-customs/_input.scss
Normal file
19
resources/sass/fo/utilities/bs-customs/_input.scss
Normal 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%)};
|
||||
}
|
||||
}
|
||||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue