mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-09-21 19:39:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

Resolves #771 checkbox color inconsistent

Browse Source
This commit is contained in:
Kevin Ross 2015-12-09 11:00:06 -06:00
parent cce05f20dc
commit 25b3dcc0e4
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -226,12 +226,12 @@
<p class="help-block">Auto-update apps over wifi only</p> <p class="help-block">Auto-update apps over wifi only</p>
</div> </div>
<h2>Horizontal form <small>with column label variations and <code>checkbox-primary</code> color</small></h2> <h2>Horizontal form with column label variations</h2>
<form class="form-horizontal"> <form class="form-horizontal">
<div class="form-group"> <div class="form-group">
<label class="col-sm-2" for="ch1">Touch sounds</label> <label class="col-sm-2" for="ch1">Touch sounds</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="checkbox checkbox-primary"> <div class="checkbox">
<label> <label>
<input id="ch1" type="checkbox" checked> <input id="ch1" type="checkbox" checked>
</label> </label>
@ -242,7 +242,7 @@
<div class="form-group"> <div class="form-group">
<label class="col-sm-2 control-label" for="ch3">Vibrate on touch</label> <label class="col-sm-2 control-label" for="ch3">Vibrate on touch</label>
<div class="col-sm-10"> <div class="col-sm-10">
<div class="checkbox checkbox-primary"> <div class="checkbox">
<label> <label>
<input id="ch3" type="checkbox"> <input id="ch3" type="checkbox">
</label> </label>

2
less/_variables.less
View File

@ -118,7 +118,7 @@
@mdb-checkbox-size: 20px; @mdb-checkbox-size: 20px;
@mdb-checkbox-animation-ripple: 500ms; @mdb-checkbox-animation-ripple: 500ms;
@mdb-checkbox-animation-check: 0.3s; @mdb-checkbox-animation-check: 0.3s;
@mdb-checkbox-checked-color: #4caf50; @mdb-checkbox-checked-color: @brand-primary;
@mdb-checkbox-label-color: rgba(0, 0, 0, .54); @mdb-checkbox-label-color: rgba(0, 0, 0, .54);
@mdb-checkbox-border-color: @mdb-checkbox-label-color; @mdb-checkbox-border-color: @mdb-checkbox-label-color;

2
sass/_variables.scss
View File

@ -120,7 +120,7 @@ $background-disabled: #eaeaea !default;
$mdb-checkbox-size: 20px !default; $mdb-checkbox-size: 20px !default;
$mdb-checkbox-animation-ripple: 500ms !default; $mdb-checkbox-animation-ripple: 500ms !default;
$mdb-checkbox-animation-check: 0.3s !default; $mdb-checkbox-animation-check: 0.3s !default;
$mdb-checkbox-checked-color: #4caf50 !default; $mdb-checkbox-checked-color: $brand-primary !default;
$mdb-checkbox-label-color: rgba(0, 0, 0, .54) !default; $mdb-checkbox-label-color: rgba(0, 0, 0, .54) !default;
$mdb-checkbox-border-color: $mdb-checkbox-label-color !default; $mdb-checkbox-border-color: $mdb-checkbox-label-color !default;