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

reuse top calculation to find vertical center

Browse Source
This commit is contained in:
Kevin Ross 2015-12-15 18:18:32 -06:00
parent e04df20616
commit cd91af205e
4 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scss/_radios.scss
View File

@ -5,7 +5,7 @@ label.radio-inline {
span {
position: absolute;
top: (($line-height * $font-size-base) - $mdb-radio-size) / 2; // vertical center of line-height
top: calc-top($line-height, $font-size-base, $mdb-radio-size); // vertical center of line-height
left: 0;
display: inline-block;
width: $mdb-radio-size;

2
scss/_switches.scss
View File

@ -6,7 +6,7 @@
.mdb-switch-track {
position: absolute;
top: 0;
top: calc-top($line-height, $font-size-base, $mdb-switch-height);
left: 0;
display: inline-block;
width: $mdb-switch-width;

3
scss/mixins/_forms.scss
View File

@ -147,7 +147,8 @@
.radio label,
label.radio-inline,
.checkbox label,
label.checkbox-inline {
label.checkbox-inline,
.switch label {
line-height: $line-height; // keep the same line height for radios and checkboxes
}

9
scss/mixins/_utilities.scss
View File

@ -1,7 +1,12 @@
// This file is here to emulate the less #contrast function
@function calc-top($line-height, $font-size, $component-height) {
@return (($line-height * $font-size) - $component-height) / 2; // vertical center of line-height
}
// Emulate the less #contrast function
// TODO: this may be useful for the inverse theme, but if not, remove (it is unused after the removal of fullpalette)
// contrast-color and brightness borrowed from compass
// Copyright (c) 2009-2014 Christopher M. Eppstein
// Complies with license: https://github.com/Compass/compass/blob/stable/LICENSE.markdown