mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-03-10 14:55:46 +03:00
Code Issues Packages Projects Releases Wiki Activity

restructured scss includes so there is one top-level underscored file that allows for inclusion without breaking variable context.

Browse Source
This commit is contained in:
Kevin Ross 2015-11-25 18:19:13 -06:00
parent c132b1d365
commit fe4eb43524
42 changed files with 198 additions and 3710 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -31,9 +31,6 @@
"url": "https://github.com/FezVrasta/bootstrap-material-design/issues"
},
"license": "MIT",
"dependencies": {
"bootstrap": ">=4.0",
},
"devDependencies": {
"autoprefixer": "^6.0.3",
"babel-eslint": "^4.1.3",

148
scss/_bootstrap-material-design.scss
View File

@ -1,123 +1,29 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@import 'includes/colors';
@import 'includes/variables';
body {
background-color: $body-bg;
&.inverse {
background: #333333;
&, .form-control {
color: $mdb-text-color-light;
}
.modal,
.panel-default,
.card {
&,
.form-control {
background-color: initial;
color: initial;
}
}
// FIXME: V4 SCSS inclusion via an underscored file https://github.com/twbs/bootstrap/issues/18350
@import 'includes/bootstrap';
}
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
//font-family: $font-family-sans-serif;
//font-weight: 300;
}
h5, h6{
font-weight: 400;
}
a, a:hover, a:focus {
color: $brand-primary;
& .material-icons {
vertical-align: middle;
}
}
// Well and Jumbotrons
@import '_welljumbo';
// Buttons
@import '_buttons';
// Checkboxes
@import '_checkboxes';
// Toggle buttons
@import '_togglebutton';
// Radios
@import '_radios';
// Text inputs
@import '_inputs';
@import '_form';
legend {
border-bottom: 0;
}
// Lists
@import '_lists';
// Navbar
@import '_navbar';
.dropdown-menu {
border: 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
.divider {
background-color: rgba(229, 229, 229, 0.12);
}
li {
overflow: hidden;
position: relative;
a:hover {
background-color: transparent;
color: $brand-primary;
}
}
}
// Alerts
@import '_alerts';
// Progress bar
@import '_progress';
// Typography
@import '_typography';
@import '_tabs';
@import '_popups';
@import '_icons';
@import '_cards';
@import '_dialogs';
@import '_panels';
@import '_dividers';
// Prevent highlight on mobile
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
&:focus {
outline: 0;
}
}
@import '_themes';
// External plugins
@import '_plugins';
@import 'includes/mixins';
@import 'includes/shadows'; // these are mixins only, and must be placed at the top before use (sass requiremnt)
@import 'includes/scaffolding'; // include the material content given the mixins above (sass requirement for inclusion order of mixins)
@import 'includes/welljumbo';
@import 'includes/buttons';
@import 'includes/checkboxes';
@import 'includes/togglebutton';
@import 'includes/radios';
@import 'includes/inputs';
@import 'includes/form';
@import 'includes/lists';
@import 'includes/navbar';
@import 'includes/alerts';
@import 'includes/progress';
@import 'includes/typography';
@import 'includes/tabs';
@import 'includes/popups';
@import 'includes/cards';
@import 'includes/dialogs';
@import 'includes/panels';
@import 'includes/dividers';
@import 'includes/themes';
@import 'includes/plugins';

3252
scss/_icons-material-design.scss
View File

File diff suppressed because it is too large Load Diff

23
scss/_icons.scss
View File

@ -1,23 +0,0 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// http://google.github.io/material-design-icons/#setup-method-1-using-via-google-web-fonts
// icons as ligatures http://google.github.io/material-design-icons/#using-the-icons-in-html
// <i class="material-icons">face</i>
// use something like this to generically style disabled and muted, etc based on color variables?
//.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
//.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
//
//.material-icons.md-light { color: rgba(255, 255, 255, 1); }
//.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
//.mdi, icon {
// @include variations(unquote(""), color, $mdb-text-color-primary);
// line-height: inherit;
// vertical-align: bottom;
//}

4
scss/_import-bs-less.scss
View File

@ -1,4 +0,0 @@
// hack due to differences between sass and less variable loading
// Less lazy loads, Sass doesn't. http://lesscss.org/features/#variables-feature-lazy-loading
// do nothing here for sass.

2
scss/_import-bs-sass.scss
View File

@ -1,2 +0,0 @@
@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/variables";
//@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/mixins";

223
scss/_inputs-size.scss
View File

@ -1,223 +0,0 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
//
// Forms - sizing - material - mirrors bootstrap/forms.less with custom sizing
//
// LEAVE THIS IDENTICAL TO THE BOOTSTRAP FILE - DO NOT CUSTOMIZE HERE.
//
// NOTE: this is intentionally kept structurally _identical_ to the bootstrap/forms.less file to make it easier
// to identify differences in sizing approaches to form inputs.
// --------------------------------------------------
legend {
margin-bottom: $mdb-input-line-height-computed;
font-size: ($mdb-input-font-size-base * 1.5);
}
// Adjust output element
output {
padding-top: ($mdb-input-padding-base-vertical + 1);
font-size: $mdb-input-font-size-base;
line-height: $mdb-input-line-height-base;
}
.form-control {
height: $mdb-input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
padding: $mdb-input-padding-base-vertical $mdb-input-padding-base-horizontal;
font-size: $mdb-input-font-size-base;
line-height: $mdb-input-line-height-base;
}
// Special styles for iOS temporal inputs
//
// In Mobile Safari, setting `display: block` on temporal inputs causes the
// text within the input to become vertically misaligned. As a workaround, we
// set a pixel line-height that matches the given height of the input, but only
// for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848
//
// Note that as of 8.3, iOS doesn't support `datetime` or `week`.
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
&.form-control {
line-height: $mdb-input-height-base;
}
&.input-sm,
.input-group-sm & {
line-height: $mdb-input-height-small;
}
&.input-lg,
.input-group-lg & {
line-height: $mdb-input-height-large;
}
}
}
.radio,
.checkbox {
label {
min-height: $mdb-input-line-height-computed; // Ensure the input doesn't jump when there is no text
}
}
// Static form control text
//
// Apply class to a `p` element to make any string of text align with labels in
// a horizontal form layout.
.form-control-static {
// Size it appropriately next to real form controls
padding-top: ($mdb-input-padding-base-vertical + 1);
padding-bottom: ($mdb-input-padding-base-vertical + 1);
min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-base);
}
// Form control sizing
//
// Relative text size, padding, and border-radii changes for form controls. For
// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
// element gets special love because it's special, and that's a fact!
// mixin pulled from bootstrap and altered for less/sass compatibility with sass parent hack.
// bootstrap-sass has this one, but we would have to then convert it back to less. chicken meet egg.
@mixin input-size($parent, $mdb-input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius){
#{$parent} {
height: $mdb-input-height;
padding: $padding-vertical $padding-horizontal;
font-size: $font-size;
line-height: $line-height;
border-radius: $border-radius;
}
select#{$parent} {
height: $mdb-input-height;
line-height: $mdb-input-height;
}
textarea#{$parent},
select[multiple]#{$parent} {
height: auto;
}
}
// Form control sizing
//
// Build on `.form-control` with modifier classes to decrease or increase the
// height and font-size of form controls.
//
// The `.form-group-* form-control` variations are sadly duplicated to avoid the
// issue documented in https://github.com/twbs/bootstrap/issues/15074.
.input-sm {
@include input-size(unquote(".input-sm"), $mdb-input-height-small, $mdb-input-padding-small-vertical, $mdb-input-padding-small-horizontal, $mdb-input-font-size-small, $mdb-input-line-height-small, $mdb-input-border-radius-small);
}
.form-group-sm {
.form-control {
height: $mdb-input-height-small;
padding: $mdb-input-padding-small-vertical $mdb-input-padding-small-horizontal;
font-size: $mdb-input-font-size-small;
line-height: $mdb-input-line-height-small;
}
select.form-control {
height: $mdb-input-height-small;
line-height: $mdb-input-height-small;
}
textarea.form-control,
select[multiple].form-control {
height: auto;
}
.form-control-static {
height: $mdb-input-height-small;
min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-small);
padding: ($mdb-input-padding-small-vertical + 1) $mdb-input-padding-small-horizontal;
font-size: $mdb-input-font-size-small;
line-height: $mdb-input-line-height-small;
}
}
.input-lg {
@include input-size(unquote(".input-lg"), $mdb-input-height-large, $mdb-input-padding-large-vertical, $mdb-input-padding-large-horizontal, $mdb-input-font-size-large, $mdb-input-line-height-large, $mdb-input-border-radius-large);
}
.form-group-lg {
.form-control {
height: $mdb-input-height-large;
padding: $mdb-input-padding-large-vertical $mdb-input-padding-large-horizontal;
font-size: $mdb-input-font-size-large;
line-height: $mdb-input-line-height-large;
}
select.form-control {
height: $mdb-input-height-large;
line-height: $mdb-input-height-large;
}
textarea.form-control,
select[multiple].form-control {
height: auto;
}
.form-control-static {
height: $mdb-input-height-large;
min-height: ($mdb-input-line-height-computed + $mdb-input-font-size-large);
padding: ($mdb-input-padding-large-vertical + 1) $mdb-input-padding-large-horizontal;
font-size: $mdb-input-font-size-large;
line-height: $mdb-input-line-height-large;
}
}
.form-horizontal {
// Consistent vertical alignment of radios and checkboxes
//
// Labels also get some reset styles, but that is scoped to a media query below.
.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border
}
// Account for padding we're adding to ensure the alignment and of help text
// and other content below items
.radio,
.checkbox {
min-height: ($mdb-input-line-height-computed + ($mdb-input-padding-base-vertical + 1));
}
// Reset spacing and right align labels, but scope to media queries so that
// labels on narrow viewports stack the same as a default form example.
@media (min-width: $screen-sm-min) {
.control-label {
padding-top: ($mdb-input-padding-base-vertical + 1); // Default padding plus a border
}
}
// Form group sizes
//
// Quick utility class for applying `.input-lg` and `.input-sm` styles to the
// inputs and labels within a `.form-group`.
.form-group-lg {
@media (min-width: $screen-sm-min) {
.control-label {
padding-top: (($mdb-input-padding-large-vertical * $mdb-input-line-height-large) + 1);
font-size: $mdb-input-font-size-large;
}
}
}
.form-group-sm {
@media (min-width: $screen-sm-min) {
.control-label {
padding-top: ($mdb-input-padding-small-vertical + 1);
font-size: $mdb-input-font-size-small;
}
}
}
}

7
scss/bootstrap-material-design.scss vendored
View File

@ -1,7 +0,0 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@import '_variables';
@import '_mixins';
@import '_icons-material-design';
@import '_shadows'; // these are mixins only, and must be placed at the top before use (sass requiremnt)
@import '_bootstrap-material-design'; // include the material content given the mixins above (sass requirement for inclusion order of mixins)

2
scss/_alerts.scss → scss/includes/_alerts.scss
View File

@ -1,5 +1,3 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.alert {
border: 0;
border-radius: 0;

58
scss/includes/_bootstrap.scss Normal file
View File

@ -0,0 +1,58 @@
// V4 SCSS inclusion via an underscored file
// https://github.com/twbs/bootstrap/issues/18350
/*!
* Bootstrap v4.0.0-alpha (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
// Core variables and mixins
@import "../../bower_components/bootstrap/scss/variables";
@import "../../bower_components/bootstrap/scss/mixins";
// Reset and dependencies
@import "../../bower_components/bootstrap/scss/normalize";
@import "../../bower_components/bootstrap/scss/print";
// Core CSS
@import "../../bower_components/bootstrap/scss/reboot";
@import "../../bower_components/bootstrap/scss/type";
@import "../../bower_components/bootstrap/scss/images";
@import "../../bower_components/bootstrap/scss/code";
@import "../../bower_components/bootstrap/scss/grid";
@import "../../bower_components/bootstrap/scss/tables";
@import "../../bower_components/bootstrap/scss/forms";
@import "../../bower_components/bootstrap/scss/buttons";
// Components
@import "../../bower_components/bootstrap/scss/animation";
@import "../../bower_components/bootstrap/scss/dropdown";
@import "../../bower_components/bootstrap/scss/button-group";
@import "../../bower_components/bootstrap/scss/input-group";
@import "../../bower_components/bootstrap/scss/custom-forms";
@import "../../bower_components/bootstrap/scss/nav";
@import "../../bower_components/bootstrap/scss/navbar";
@import "../../bower_components/bootstrap/scss/card";
@import "../../bower_components/bootstrap/scss/breadcrumb";
@import "../../bower_components/bootstrap/scss/pagination";
@import "../../bower_components/bootstrap/scss/pager";
@import "../../bower_components/bootstrap/scss/labels";
@import "../../bower_components/bootstrap/scss/jumbotron";
@import "../../bower_components/bootstrap/scss/alert";
@import "../../bower_components/bootstrap/scss/progress";
@import "../../bower_components/bootstrap/scss/media";
@import "../../bower_components/bootstrap/scss/list-group";
@import "../../bower_components/bootstrap/scss/responsive-embed";
@import "../../bower_components/bootstrap/scss/close";
// Components w/ JavaScript
@import "../../bower_components/bootstrap/scss/modal";
@import "../../bower_components/bootstrap/scss/tooltip";
@import "../../bower_components/bootstrap/scss/popover";
@import "../../bower_components/bootstrap/scss/carousel";
// Utility classes
@import "../../bower_components/bootstrap/scss/utilities";
@import "../../bower_components/bootstrap/scss/utilities-background";
@import "../../bower_components/bootstrap/scss/utilities-spacing";
@import "../../bower_components/bootstrap/scss/utilities-responsive";

2
scss/_buttons.scss → scss/includes/_buttons.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// specification: https://www.google.com/design/spec/components/buttons.html

2
scss/_cards.scss → scss/includes/_cards.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.card {

2
scss/_checkboxes.scss → scss/includes/_checkboxes.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// http://www.google.com/design/spec/components/selection-controls.html#selection-controls-checkbox
.form-group {

0
scss/_colors-map.scss → scss/includes/_colors-map.scss
View File

2
scss/_colors.scss → scss/includes/_colors.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
/*

2
scss/_dialogs.scss → scss/includes/_dialogs.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
//
// Modals

2
scss/_dividers.scss → scss/includes/_dividers.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
hr {
&.on-dark {

6
scss/_form.scss → scss/includes/_form.scss
View File

@ -1,4 +1,8 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
legend {
border-bottom: 0;
}
.form-horizontal {

9
scss/_inputs.scss → scss/includes/_inputs.scss
View File

@ -1,7 +1,3 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@import '_inputs-size';
// label variations
.label {
border-radius: $border-radius-small;
@ -26,7 +22,7 @@
line-height: $line-height;
color: $mdb-input-placeholder-color;
font-weight: 400;
}
// margin-bottom must be specified to give help-block vertical space.
// $see also form-group padding-bottom (and size variants) re: collapsible margins. These work together.
@ -99,6 +95,7 @@
// so the form-control margin-bottom must also be expressed as form-group padding
padding-bottom: $vertical-padding;
// FIXME: need to avoid top margin http://v4-alpha.getbootstrap.com/content/reboot/#approach
// form-group margin-top must be large enough for the label and the label's top padding since label is absolutely positioned
margin: ($label-top-margin + $static-font-size) 0 0 0;
@ -148,7 +145,7 @@
@include material-placeholder {
color: $mdb-input-placeholder-color;
font-weight: 400;
}

2
scss/_labels.scss → scss/includes/_labels.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.label {
border-radius: 1px;

2
scss/_lists.scss → scss/includes/_lists.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.list-group {
border-radius: 0;

0
scss/_mixins-utilities.scss → scss/includes/_mixins-utilities.scss
View File

0
scss/_mixins.scss → scss/includes/_mixins.scss
View File

2
scss/_navbar.scss → scss/includes/_navbar.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.navbar {
background-color: $brand-primary;

2
scss/_panels.scss → scss/includes/_panels.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.panel {
border-radius: 2px;

2
scss/_plugins.scss → scss/includes/_plugins.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// External plugins
@import 'plugins/_plugin-snackbarjs';

2
scss/_popups.scss → scss/includes/_popups.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.popover, .tooltip-inner {
color: $mdb-popover-color;

2
scss/_progress.scss → scss/includes/_progress.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.progress {
height: 4px;

2
scss/_radios.scss → scss/includes/_radios.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@mixin radio-color($color, $opacity){
& ~ .check,

65
scss/includes/_scaffolding.scss Normal file
View File

@ -0,0 +1,65 @@
body {
background-color: $body-bg;
&.inverse {
background: #333333;
&, .form-control {
color: $mdb-text-color-light;
}
.modal,
.panel-default,
.card {
&,
.form-control {
background-color: initial;
color: initial;
}
}
}
}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
//font-family: $font-family-sans-serif;
//font-weight: 300;
}
h5, h6{
font-weight: 400;
}
a, a:hover, a:focus {
color: $brand-primary;
& .material-icons {
vertical-align: middle;
}
}
// Prevent highlight on mobile
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
&:focus {
outline: 0;
}
}
.dropdown-menu {
border: 0;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
.divider {
background-color: rgba(229, 229, 229, 0.12);
}
li {
overflow: hidden;
position: relative;
a:hover {
background-color: transparent;
color: $brand-primary;
}
}
}

2
scss/_shadows.scss → scss/includes/_shadows.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@mixin shadow-z-1(){
box-shadow:

2
scss/_tabs.scss → scss/includes/_tabs.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.nav-tabs {
background: $brand-primary;

2
scss/_themes.scss → scss/includes/_themes.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// by default, assume light-theme, no need for a marker class.

2
scss/_togglebutton.scss → scss/includes/_togglebutton.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.togglebutton {
vertical-align: middle;

2
scss/_typography.scss → scss/includes/_typography.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.text-warning {
color: $brand-warning;

56
scss/_variables.scss → scss/includes/_variables.scss
View File

@ -1,21 +1,14 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
@import '_colors';
// Typography elements
$mdb-font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
// Typography elements FIXME: review to see if we actually need these
$mdb-text-color-light: unquote("rgba(#{$rgb-white}, 0.84)") !default;
$mdb-text-color-light-hex: $white !default; // for contrast function in inverse
$mdb-text-color-primary: unquote("rgba(#{$rgb-black}, 0.87)") !default;
$mdb-text-color-primary-hex: $black !default; // for contrast function in inverse
$icon-color: rgba(0,0,0,0.5) !default;
// import bs variables for less, last declared wins.
@import '_import-bs-less';
//---
// Converted bs variables
// Customized BS variables
// Bootstrap brand color customization
$brand-primary: $teal !default;
@ -34,8 +27,9 @@ $headings-font-weight: 300 !default;
$body-bg: #EEEEEE !default;
//---
// import bs variables for sass, first declared wins.
@import '_import-bs-sass';
// Import our customized bootstrap
$enable-flex: true;
@import "../bower_components/bootstrap/scss/variables";
// Bootstrap Material Design variables start with mdb-
$mdb-brand-inverse: $indigo !default;
@ -68,46 +62,26 @@ $mdb-input-font-size-small: ceil(($font-size-base * 0.75)) !default; // ~12px
// FIXME: with #733 customization of bootstrap, consider how these could be based on the original bs customized variables
//** Unit-less `line-height` for use in components like buttons.
$mdb-input-line-height-base: $line-height-base; //1.428571429 !default; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$mdb-input-line-height-computed: floor(($mdb-input-font-size-base * $mdb-input-line-height-base)) !default; // ~20px
$mdb-input-line-height-large: 1.3333333 !default; // extra decimals for Win 8.1 Chrome
$mdb-input-line-height-small: 1.5 !default;
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$mdb-input-line-height-base: $line-height !default; //1.428571429 !default; // 20/14
$mdb-input-line-height-large: $line-height-lg !default; //1.3333333 !default; // extra decimals for Win 8.1 Chrome
$mdb-input-line-height-small: $line-height-sm !default; //1.5 !default;
//
////## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$mdb-input-padding-base-vertical: 8px - 1px !default; // was 6.
$mdb-input-padding-base-horizontal: 0 !default; // was 12.
//$mdb-input-padding-base-horizontal: 0 !default; // was 12.
$mdb-label-as-placeholder-shim-base: 0 !default; // manual adjustment of label top when positioned as placeholder
$mdb-label-top-margin-base: 16px !default;
//
$mdb-input-padding-large-vertical: 10px - 1px !default; // 10
$mdb-input-padding-large-horizontal: 0 !default; // 16
//$mdb-input-padding-large-horizontal: 0 !default; // 16
$mdb-label-as-placeholder-shim-large: -4px !default; // manual adjustment of label top when positioned as placeholder
$mdb-label-top-margin-large: 16px !default;
//
$mdb-input-padding-small-vertical: 4px - 1px !default; // 5
$mdb-input-padding-small-horizontal: 0 !default; // 10
//$mdb-input-padding-small-horizontal: 0 !default; // 10
$mdb-label-as-placeholder-shim-small: 8px !default; // manual adjustment of label top when positioned as placeholder
$mdb-label-top-margin-small: 12px !default;
$mdb-input-padding-xs-vertical: 2px !default; // 1
$mdb-input-padding-xs-horizontal: 0 !default; // 5
$mdb-input-border-radius-base: 0 !default;
$mdb-input-border-radius-large: 0 !default;
$mdb-input-border-radius-small: 0 !default;
//** Default `.form-control` height
$mdb-input-height-base: ($mdb-input-line-height-computed + ($mdb-input-padding-base-vertical * 2) + 2) !default;
//** Large `.form-control` height
$mdb-input-height-large: (ceil($mdb-input-font-size-large * $mdb-input-line-height-large) + ($mdb-input-padding-large-vertical * 2) + 2) !default;
//** Small `.form-control` height
$mdb-input-height-small: (floor($mdb-input-font-size-small * $mdb-input-line-height-small) + ($mdb-input-padding-small-vertical * 2) + 2) !default;
// Card
$mdb-card-body-text: $mdb-text-color-primary !default;
$mdb-card-body-background: #fff !default;

2
scss/_welljumbo.scss → scss/includes/_welljumbo.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
body {
.container,

2
scss/plugins/_plugin-dropdownjs.scss → scss/includes/plugins/_plugin-dropdownjs.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.dropdownjs:after {
right: 5px;

2
scss/plugins/_plugin-nouislider.scss → scss/includes/plugins/_plugin-nouislider.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.noUi-target,
.noUi-target * {

2
scss/plugins/_plugin-selectize.scss → scss/includes/plugins/_plugin-selectize.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// Support for Selectize plugin
// http://brianreavis.github.io/selectize.js/

2
scss/plugins/_plugin-snackbarjs.scss → scss/includes/plugins/_plugin-snackbarjs.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
// Support for SnackbarJS plugin
// https://github.com/FezVrasta/snackbarjs

2
scss/ripples.scss → scss/includes/ripples.scss
View File

@ -1,4 +1,4 @@
// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
.withripple {
position: relative;