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

improved support for Meteor.js (#103)

Browse Source
This commit is contained in:
FezVrasta 2014-10-08 14:52:08 +02:00
parent 4448deed16
commit 9a1de8d3e4
42 changed files with 79 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
less/_alerts.less → less/_alerts.import.less vendored
View File

0
less/_animations.less → less/_animations.import.less vendored
View File

12
less/_buttons.less → less/_buttons.import.less vendored
View File

@ -20,10 +20,10 @@
text-decoration: none; text-decoration: none;
color: @darkbg-text; color: @darkbg-text;
&:hover, &:focus { &:hover {
color: @darkbg-text; color: @darkbg-text;
} }
&:hover:not(.btn-link), &:focus:not(.btn-link) { &:hover:not(.btn-link) {
.shadow-z-2-hover(); .shadow-z-2-hover();
} }
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
@ -38,12 +38,12 @@
// This is needed to style buttons which has not a variation suffix (they must stiled as btn-default) // This is needed to style buttons which has not a variation suffix (they must stiled as btn-default)
.btn-link, .btn:not([class^="btn btn-"]), .btn-default { .btn-link, .btn:not([class^="btn btn-"]), .btn-default {
color: @lightbg-text; color: @lightbg-text;
&:hover, &:focus { &:hover {
color: @lightbg-text; color: @lightbg-text;
} }
} }
.btn:not([class^="btn btn-"]), .btn-default { .btn:not([class^="btn btn-"]), .btn-default {
&:hover, &:focus { &:hover {
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
} }
} }
@ -57,7 +57,7 @@
} }
.btn-flat { .btn-flat {
box-shadow: none !important; box-shadow: none !important;
&.btn-default:hover, &.btn-default:focus { &.btn-default:hover {
background: none; background: none;
} }
} }
@ -92,7 +92,7 @@
font-size: 26px; font-size: 26px;
width: 56px; width: 56px;
height: 56px; height: 56px;
&, &:hover, &:focus { &, &:hover {
.variations(~"", background-color, transparent); .variations(~"", background-color, transparent);
} }
&, .ripple-wrapper { &, .ripple-wrapper {

0
less/_checkboxes.less → less/_checkboxes.import.less vendored
View File

0
less/_checkboxes_old.less → less/_checkboxes_old.import.less vendored
View File

10
less/_icons-material-design.less → less/_icons-material-design.import.less vendored
View File

@ -1,10 +1,10 @@
@font-face { @font-face {
font-family: "Material-Design"; font-family: "Material-Design";
src:url("../fonts/Material-Design.eot?2u7a7w"); src:url("@{material-font-path}/Material-Design.eot?2u7a7w");
src:url("../fonts/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"), src:url("@{material-font-path}/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"),
url("../fonts/Material-Design.woff?2u7a7w") format("woff"), url("@{material-font-path}/Material-Design.woff?2u7a7w") format("woff"),
url("../fonts/Material-Design.ttf?2u7a7w") format("truetype"), url("@{material-font-path}/Material-Design.ttf?2u7a7w") format("truetype"),
url("../fonts/Material-Design.svg?2u7a7w#Material-Design") format("svg"); url("@{material-font-path}/Material-Design.svg?2u7a7w#Material-Design") format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

0
less/_icons.less → less/_icons.import.less vendored
View File

0
less/_inputs.less → less/_inputs.import.less vendored
View File

0
less/_lists.less → less/_lists.import.less vendored
View File

0
less/_mixins.less → less/_mixins.import.less vendored
View File

0
less/_navbar.less → less/_navbar.import.less vendored
View File

0
less/_plugin-nouislider.less → less/_plugin-nouislider.import.less vendored
View File

0
less/_plugin-selectize.less → less/_plugin-selectize.import.less vendored
View File

0
less/_plugin-snackbarjs.less → less/_plugin-snackbarjs.import.less vendored
View File

0
less/_popups.less → less/_popups.import.less vendored
View File

0
less/_progress.less → less/_progress.import.less vendored
View File

0
less/_radios.less → less/_radios.import.less vendored
View File

0
less/_shadows.less → less/_shadows.import.less vendored
View File

0
less/_tabs.less → less/_tabs.import.less vendored
View File

3
less/_variables.less → less/_variables.import.less vendored
View File

@ -1,6 +1,7 @@
// main: material.less // main: material.less
// material icons path
@material-font-path: "../fonts";
// Material colors palette // Material colors palette
@red: #F44336; @red: #F44336;

9
less/_welljumbo.less → less/_welljumbo.import.less vendored
View File

@ -2,13 +2,6 @@
body, .container, .container-fluid { body, .container, .container-fluid {
.well, .well:not([class^="well well-material-"]) { .well, .well:not([class^="well well-material-"]) {
&.well-sm {
padding: 9px;
}
&.well-lg {
padding: 24px;
}
&, .form-control { &, .form-control {
color: @lightbg-text; color: @lightbg-text;
} }
@ -37,7 +30,7 @@ body, .container, .container-fluid {
&, .form-control, .floating-label { &, .form-control, .floating-label {
color: @darkbg-text; color: @darkbg-text;
} }
.form-control { .form-control {
border-bottom-color: @darkbg-text; border-bottom-color: @darkbg-text;
&::-webkit-input-placeholder { &::-webkit-input-placeholder {
color: @darkbg-text; color: @darkbg-text;

42
less/material.less
View File

@ -1,11 +1,11 @@
// Material Theme 0.0.1 // Material Theme 0.0.1
// ----------------------------------------------------- // -----------------------------------------------------
@import "_variables.less"; @import "_variables.import.less";
@import "_mixins.less"; @import "_mixins.import.less";
@import "_icons-material-design.less"; @import "_icons-material-design.import.less";
@import "_animations.less"; @import "_animations.import.less";
@import "_shadows.less"; @import "_shadows.import.less";
body { body {
background-color: #EEEEEE; background-color: #EEEEEE;
@ -18,23 +18,23 @@ body {
} }
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
// Well and Jumbotrons // Well and Jumbotrons
@import "_welljumbo.less"; @import "_welljumbo.import.less";
// Buttons // Buttons
@import "_buttons.less"; @import "_buttons.import.less";
// Checkboxes // Checkboxes
@import "_checkboxes.less"; @import "_checkboxes.import.less";
// Radios // Radios
@import "_radios.less"; @import "_radios.import.less";
// Text inputs // Text inputs
@import "_inputs.less"; @import "_inputs.import.less";
legend { legend {
border-bottom: 0; border-bottom: 0;
@ -56,10 +56,10 @@ legend {
} }
// Lists // Lists
@import "_lists.less"; @import "_lists.import.less";
// Navbar // Navbar
@import "_navbar.less"; @import "_navbar.import.less";
.dropdown-menu { .dropdown-menu {
border: 0; border: 0;
@ -77,10 +77,10 @@ legend {
} }
// Alerts // Alerts
@import "_alerts.less"; @import "_alerts.import.less";
// Progress bar // Progress bar
@import "_progress.less"; @import "_progress.import.less";
// Typography // Typography
.text-warning { .text-warning {
@ -99,14 +99,14 @@ legend {
color: @btn-info; color: @btn-info;
} }
@import "_tabs.less"; @import "_tabs.import.less";
@import "_popups.less"; @import "_popups.import.less";
@import "_icons.less"; @import "_icons.import.less";
// External plugins // External plugins
@import "_plugin-snackbarjs.less"; @import "_plugin-snackbarjs.import.less";
@import "_plugin-nouislider.less"; @import "_plugin-nouislider.import.less";
@import "_plugin-selectize.less"; @import "_plugin-selectize.import.less";

0
sass/_alerts.scss → sass/_alerts.import.scss vendored
View File

0
sass/_animations.scss → sass/_animations.import.scss vendored
View File

0
sass/_buttons.scss → sass/_buttons.import.scss vendored
View File

2
sass/_cards.scss → sass/_cards.import.scss vendored
View File

@ -127,4 +127,4 @@
} }
.card-material-lightgrey { .card-material-lightgrey {
@include card-variant($lightgrey, darken(#FFFFFF, 10%), darken($lightgrey, 10%)); @include card-variant($lightgrey, darken(#FFFFFF, 10%), darken($lightgrey, 10%));
} }

0
sass/_checkboxes.scss → sass/_checkboxes.import.scss vendored
View File

0
sass/_icons.scss → sass/_icons.import.scss vendored
View File

0
sass/_inputs.scss → sass/_inputs.import.scss vendored
View File

0
sass/_lists.scss → sass/_lists.import.scss vendored
View File

2
sass/_mixins.scss → sass/_mixins.import.scss vendored
View File

@ -29,4 +29,4 @@
@mixin icon-variant($color) { @mixin icon-variant($color) {
color: $color; color: $color;
} }

0
sass/_navbar.scss → sass/_navbar.import.scss vendored
View File

0
sass/_plugin-nouislider.scss → sass/_plugin-nouislider.import.scss vendored
View File

0
sass/_plugin-snackbarjs.scss → sass/_plugin-snackbarjs.import.scss vendored
View File

0
sass/_popups.scss → sass/_popups.import.scss vendored
View File

0
sass/_progress.scss → sass/_progress.import.scss vendored
View File

0
sass/_radios.scss → sass/_radios.import.scss vendored
View File

0
sass/_shadows.scss → sass/_shadows.import.scss vendored
View File

0
sass/_tabs.scss → sass/_tabs.import.scss vendored
View File

44
sass/_variables.scss → sass/_variables.import.scss vendored
View File

@ -3,30 +3,30 @@
// Material colors palette // Material colors palette
$red: #F44336; $red: #F44336 !default;
$pink: #E91E63; $pink: #E91E63 !default;
$purple: #9C27B0; $purple: #9C27B0 !default;
$deeppurple: #673AB7; $deeppurple: #673AB7 !default;
$indigo: #3F51B5; $indigo: #3F51B5 !default;
$lightblue: #03A9F4; $lightblue: #03A9F4 !default;
$cyan: #00BCD4; $cyan: #00BCD4 !default;
$teal: #009688; $teal: #009688 !default;
$lightgreen: #8BC34A; $lightgreen: #8BC34A !default;
$lime: #CDDC39; $lime: #CDDC39 !default;
$lightyellow: #FFEB3B; $lightyellow: #FFEB3B !default;
$orange: #FF9800; $orange: #FF9800 !default;
$deeporange: #FF5722; $deeporange: #FF5722 !default;
$grey: #9E9E9E; $grey: #9E9E9E !default;
$bluegrey: #607D8B; $bluegrey: #607D8B !default;
$brown: #795548; $brown: #795548 !default;
$lightgrey: #ECECEC; $lightgrey: #ECECEC !default;
// Bootstrap shades // Bootstrap shades
$primary: #4285F4; $primary: #4285F4 !default;
$success: #0F9D58; $success: #0F9D58 !default;
$info: $lightblue; $info: $lightblue !default;
$warning: $deeporange; $warning: $deeporange !default;
$danger: $red; $danger: $red !default;
// Typography elements for Material // Typography elements for Material
$darkbg-text: rgba(255,255,255,0.84); $darkbg-text: rgba(255,255,255,0.84);

0
sass/_welljumbo.scss → sass/_welljumbo.import.scss vendored
View File

40
sass/material.scss
View File

@ -1,10 +1,10 @@
// Material Theme 0.0.1 // Material Theme 0.0.1
// ----------------------------------------------------- // -----------------------------------------------------
@import "_variables.scss"; @import "_variables.import.scss";
@import "_mixins.scss"; @import "_mixins.import.scss";
@import "_animations.scss"; @import "_animations.import.scss";
@import "_shadows.scss"; @import "_shadows.import.scss";
body { body {
background-color: #EEEEEE; background-color: #EEEEEE;
@ -17,23 +17,23 @@ body {
} }
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
// Well and Jumbotrons // Well and Jumbotrons
@import "_welljumbo.scss"; @import "_welljumbo.import.scss";
// Buttons // Buttons
@import "_buttons.scss"; @import "_buttons.import.scss";
// Checkboxes // Checkboxes
@import "_checkboxes.scss"; @import "_checkboxes.import.scss";
// Radios // Radios
@import "_radios.scss"; @import "_radios.import.scss";
// Text inputs // Text inputs
@import "_inputs.scss"; @import "_inputs.import.scss";
legend { legend {
border-bottom: 0; border-bottom: 0;
@ -55,10 +55,10 @@ legend {
} }
// Lists // Lists
@import "_lists.scss"; @import "_lists.import.scss";
// Navbar // Navbar
@import "_navbar.scss"; @import "_navbar.import.scss";
.dropdown-menu { .dropdown-menu {
border: 0; border: 0;
@ -76,13 +76,13 @@ legend {
} }
// Alerts // Alerts
@import "_alerts.scss"; @import "_alerts.import.scss";
// Progress bar // Progress bar
@import "_progress.scss"; @import "_progress.import.scss";
// Panels // Panels
@import "_cards.scss"; @import "_cards.import.scss";
// Typography // Typography
.text-warning { .text-warning {
@ -101,13 +101,13 @@ legend {
color: $btn-info; color: $btn-info;
} }
@import "_tabs.scss"; @import "_tabs.import.scss";
@import "_popups.scss"; @import "_popups.import.scss";
@import "_icons.scss"; @import "_icons.import.scss";
// External plugins // External plugins
@import "_plugin-snackbarjs.scss"; @import "_plugin-snackbarjs.import.scss";
@import "_plugin-nouislider.scss"; @import "_plugin-nouislider.import.scss";