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

removed references of the old less compiler

Browse Source
This commit is contained in:
FezVrasta 2014-10-31 09:26:12 +01:00
parent 665db40729
commit f4edecb3b0
35 changed files with 6 additions and 257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
less/_alerts.less
View File

@ -1,4 +1,3 @@
// main: material.less
.alert { .alert {
border: 0px; border: 0px;
border-radius: 0; border-radius: 0;

2
less/_buttons.less
View File

@ -1,5 +1,3 @@
// main: material.less
.btn { .btn {
position: relative; position: relative;
padding: 8px 30px; padding: 8px 30px;

1
less/_checkboxes.less
View File

@ -1,4 +1,3 @@
.form-horizontal .checkbox { .form-horizontal .checkbox {
padding-top: 20px; padding-top: 20px;
} }

191
less/_checkboxes_old.less
View File

@ -1,191 +0,0 @@
// main: material.less
.form-horizontal .checkbox {
padding-top: 15px;
}
.checkbox {
transform: rotate(0deg);
label {
cursor: pointer;
padding-left: 45px;
position: relative;
span {
display: block;
position: absolute;
left: 0px;
transition-duration: 0.2s;
}
.check:after {
display: block;
position: absolute;
content: "";
background-color: @lightbg-text;
left: -5px;
top: -15px;
height: 50px;
width: 50px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
}
.check:before {
display: block;
content: "";
border: 2px solid @lightbg-text;
height: 20px;
width: 20px;
transition-delay: 0.2s;
}
}
// Variations
.variations(~" .check", color, @success);
// Hide native checkbox
input[type=checkbox] { opacity: 0; }
input[type=checkbox] ~ .check:before {
position: absolute;
top: 2px;
left: 11px;
width: 18px;
height: 18px;
border: solid 2px;
border-color: #5a5a5a;
animation: uncheck 300ms ease-out forwards;
}
input[type=checkbox]:focus ~ .check:after {
opacity: 0.2;
}
input[type=checkbox]:checked ~ .check:before {
animation: check 300ms ease-out forwards;
}
// Ripple effect on click
input[type=checkbox]:not(:checked) ~ .check:after {
animation: rippleOff 500ms linear forwards;
}
input[type=checkbox]:checked ~ .check:after {
animation: rippleOn 500ms linear forwards;
}
// Make animate quickly when not hover
&:not(:hover) input[type=checkbox] ~ .check {
&:before, &:after {
animation-duration: 1ms;
}
}
// Style for disabled inputs
input[type=checkbox][disabled]:not(:checked) ~ .check:before {
opacity: 0.5;
}
input[type=checkbox][disabled] ~ .check:after {
background-color: @lightbg-text;
transform: rotate(-45deg);
}
.variations(~" input[type=checkbox]:checked ~ .check:after", background-color, @success);
}
@keyframes uncheck {
0% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
transform: rotate(45deg);
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
100% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@keyframes check {
100% {
top: -3px;
left: 17px;
width: 10px;
height: 21px;
transform: rotate(45deg);
border-color: #0f9d58;
border-left-color: transparent;
border-top-color: transparent;
}
51% {
border-left: transparent;
border-top-color: transparent;
}
50% {
top: 14px;
left: 17px;
width: 4px;
height: 4px;
transform: rotate(45deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
0% {
top: 1px;
left: 12px;
width: 18px;
height: 18px;
transform: rotate(0deg);
border-color: #5a5a5a;
border-left-color: #5a5a5a;
border-top-color: #5a5a5a;
}
}
@keyframes rippleOn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}
@keyframes rippleOff {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}

2
less/_inputs.less
View File

@ -1,5 +1,3 @@
// main: material.less
fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control { fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control {
&, &:focus, &.focus { &, &:focus, &.focus {
&:not(textarea):not(select) { &:not(textarea):not(select) {

1
less/_lists.less
View File

@ -1,4 +1,3 @@
// main: material.less
.list-group { .list-group {
border-radius: 0; border-radius: 0;
.list-group-item { .list-group-item {

2
less/_mixins.less
View File

@ -1,5 +1,3 @@
// main: material.less
// usage: .variations(~" .check", color, transparent); // usage: .variations(~" .check", color, transparent);
.variations(@extra, @property, @default) { .variations(@extra, @property, @default) {
// Bootstrap shades // Bootstrap shades

2
less/_navbar.less
View File

@ -1,5 +1,3 @@
// main: material.less
.navbar { .navbar {
background-color: @navbar-default-bg; background-color: @navbar-default-bg;
border: 0; border: 0;

1
less/_plugin-nouislider.less
View File

@ -1,4 +1,3 @@
// main: material.less
.noUi-target, .noUi-target,
.noUi-target * { .noUi-target * {
-webkit-touch-callout: none; -webkit-touch-callout: none;

2
less/_plugin-snackbarjs.less
View File

@ -1,5 +1,3 @@
// main: material.less
// Support for SnackbarJS plugin // Support for SnackbarJS plugin
// https://github.com/FezVrasta/snackbarjs // https://github.com/FezVrasta/snackbarjs

2
less/_popups.less
View File

@ -1,5 +1,3 @@
// main: material.less
.popover, .tooltip-inner { .popover, .tooltip-inner {
background: #323232; background: #323232;
color: #FFF; color: #FFF;

2
less/_progress.less
View File

@ -1,5 +1,3 @@
// main: material.less
.progress { .progress {
height: 4px; height: 4px;
border-radius: 0; border-radius: 0;

2
less/_radios.less
View File

@ -1,5 +1,3 @@
// main: material.less
.form-horizontal .radio { .form-horizontal .radio {
margin-bottom: 10px; margin-bottom: 10px;
} }

3
less/_shadows.less
View File

@ -1,6 +1,3 @@
// main: material.less
.shadow-z-1 { .shadow-z-1 {
box-shadow: 0 1px 3px rgba(0,0,0, .12), box-shadow: 0 1px 3px rgba(0,0,0, .12),
0 1px 2px rgba(0,0,0, .24) ; 0 1px 2px rgba(0,0,0, .24) ;

2
less/_tabs.less
View File

@ -1,5 +1,3 @@
// main: material.less
.nav-tabs { .nav-tabs {
background: @navbar-default-bg; background: @navbar-default-bg;
> li { > li {

2
less/_variables.less
View File

@ -1,5 +1,3 @@
// main: material.less
// material icons path // material icons path
@material-font-path: "../fonts"; @material-font-path: "../fonts";

1
less/_welljumbo.less
View File

@ -1,4 +1,3 @@
// main: material.less
body, .container, .container-fluid { body, .container, .container-fluid {
.well, .well:not([class^="well well-material-"]) { .well, .well:not([class^="well well-material-"]) {

3
less/material.less
View File

@ -1,6 +1,3 @@
// Material Theme 0.0.1
// -----------------------------------------------------
@import "_variables.less"; @import "_variables.less";
@import "_mixins.less"; @import "_mixins.less";
@import "_icons-material-design.less"; @import "_icons-material-design.less";

5
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "bootstrap-material", "name": "bootstrap-material",
"version": "0.1.4", "version": "0.1.5",
"description": "Material Design for Bootstrap", "description": "Material Design for Bootstrap 3",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1"
@ -19,7 +19,6 @@
"devDependencies": { "devDependencies": {
"grunt": "^0.4.5", "grunt": "^0.4.5",
"grunt-autoprefixer": "^1.0.1", "grunt-autoprefixer": "^1.0.1",
"grunt-contrib-clean": "^0.6.0",
"grunt-contrib-connect": "^0.8.0", "grunt-contrib-connect": "^0.8.0",
"grunt-contrib-copy": "^0.6.0", "grunt-contrib-copy": "^0.6.0",
"grunt-contrib-cssmin": "^0.10.0", "grunt-contrib-cssmin": "^0.10.0",

2
sass/_alerts.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.alert { .alert {
border: 0px; border: 0px;
border-radius: 0; border-radius: 0;

2
sass/_buttons.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
@mixin btn-shadow(){ @mixin btn-shadow(){
@extend .shadow-z-2; @extend .shadow-z-2;
transition: box-shadow transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);

2
sass/_checkboxes.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.form-horizontal .checkbox { .form-horizontal .checkbox {
padding-top: 15px; padding-top: 15px;
} }

2
sass/_icons.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.icon {} .icon {}
// Navbar alternate // Navbar alternate

2
sass/_inputs.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control { fieldset[disabled] .form-control, .form-control-wrapper .form-control, .form-control {
&, &:focus, &.focus { &, &:focus, &.focus {
&:not(textarea):not(select) { &:not(textarea):not(select) {

1
sass/_lists.scss
View File

@ -1,4 +1,3 @@
// main: _material.scss
.list-group { .list-group {
border-radius: 0; border-radius: 0;
.list-group-item { .list-group-item {

6
sass/_navbar.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.navbar { .navbar {
background-color: $navbar-default-bg; background-color: $navbar-default-bg;
border: 0; border: 0;
@ -19,8 +17,8 @@
.navbar-text { .navbar-text {
color: $navbar-color; color: $navbar-color;
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.navbar-nav { .navbar-nav {

1
sass/_plugin-nouislider.scss
View File

@ -1,4 +1,3 @@
// main: _material.scss
.noUi-target, .noUi-target,
.noUi-target * { .noUi-target * {
-webkit-touch-callout: none; -webkit-touch-callout: none;

2
sass/_plugin-snackbarjs.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
// Support for SnackbarJS plugin // Support for SnackbarJS plugin
// https://github.com/FezVrasta/snackbarjs // https://github.com/FezVrasta/snackbarjs

2
sass/_popups.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.popover, .tooltip-inner { .popover, .tooltip-inner {
background: #323232; background: #323232;
color: #FFF; color: #FFF;

2
sass/_progress.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.progress { .progress {
height: 4px; height: 4px;
border-radius: 0; border-radius: 0;

2
sass/_radios.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.form-horizontal .radio { .form-horizontal .radio {
margin-bottom: 10px; margin-bottom: 10px;
} }

3
sass/_shadows.scss
View File

@ -1,6 +1,3 @@
// main: _material.scss
.shadow-z-1 { .shadow-z-1 {
box-shadow: 0 1px 3px rgba(0,0,0, .12), box-shadow: 0 1px 3px rgba(0,0,0, .12),
0 1px 2px rgba(0,0,0, .24) ; 0 1px 2px rgba(0,0,0, .24) ;

2
sass/_tabs.scss
View File

@ -1,5 +1,3 @@
// main: _material.scss
.nav-tabs { .nav-tabs {
background: $navbar-default-bg; background: $navbar-default-bg;
> li { > li {

5
sass/_variables.scss
View File

@ -1,6 +1,5 @@
// main: _material.scss // material icons path
$material-font-path: "../fonts";
// Material colors palette // Material colors palette
$red: #F44336 !default; $red: #F44336 !default;

BIN
screenshots/Thumbs.db
View File

Binary file not shown.