mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-20 13:40:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

btn-raised have a subtler shadow

Browse Source
This commit is contained in:
FezVrasta 2014-12-16 11:13:49 +01:00
parent 1a92b1c0cd
commit 1149a6ed6e
9 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
dist/css/material-wfont.css vendored
View File

@ -30,7 +30,7 @@ Then, run this script to get the list.
(function() { (function() {
var colors = {}; var colors = {}, main = {};
$(".color-group").each(function() { $(".color-group").each(function() {
var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
colors[color] = {}; colors[color] = {};
@ -41,18 +41,21 @@ Then, run this script to get the list.
colors[color][shade] = hex; colors[color][shade] = hex;
}); });
main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();
}); });
var LESS = ""; var LESS = "";
$.each(colors, function(name, shades) { $.each(colors, function(name, shades) {
LESS += "\n\n"; LESS += "\n\n";
LESS += "@" + name + ": " + shades[500] + ";\n";
$.each(shades, function(shade, hex) { $.each(shades, function(shade, hex) {
LESS += "@" + name + "-" + shade + ": " + hex + ";\n"; LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
}); });
if (main[name]) {
LESS += "@" + name + ": " + main[name] + ";\n";
}
}); });
console.log(LESS); console.log(LESS);
}); })();
*/ */
@ -7005,7 +7008,7 @@ body .jumbotron-material-blue-grey-A700,
color: #a8a8a8 !important; color: #a8a8a8 !important;
} }
.btn.btn-raised { .btn.btn-raised {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn.btn-raised:active:not(.btn-link) { .btn.btn-raised:active:not(.btn-link) {
@ -9221,7 +9224,7 @@ body .jumbotron-material-blue-grey-A700,
position: relative; position: relative;
border-radius: 2px; border-radius: 2px;
margin: 10px 1px; margin: 10px 1px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn-group:active:not(.btn-link), .btn-group:active:not(.btn-link),
@ -9234,7 +9237,7 @@ body .jumbotron-material-blue-grey-A700,
} }
.btn-group.btn-group-raised, .btn-group.btn-group-raised,
.btn-group-vertical.btn-group-raised { .btn-group-vertical.btn-group-raised {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn-group.btn-group-raised:active:not(.btn-link), .btn-group.btn-group-raised:active:not(.btn-link),

2
dist/css/material-wfont.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-wfont.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material-wfont.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

15
dist/css/material.css vendored
View File

@ -6,7 +6,7 @@ Then, run this script to get the list.
(function() { (function() {
var colors = {}; var colors = {}, main = {};
$(".color-group").each(function() { $(".color-group").each(function() {
var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-"); var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
colors[color] = {}; colors[color] = {};
@ -17,18 +17,21 @@ Then, run this script to get the list.
colors[color][shade] = hex; colors[color][shade] = hex;
}); });
main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();
}); });
var LESS = ""; var LESS = "";
$.each(colors, function(name, shades) { $.each(colors, function(name, shades) {
LESS += "\n\n"; LESS += "\n\n";
LESS += "@" + name + ": " + shades[500] + ";\n";
$.each(shades, function(shade, hex) { $.each(shades, function(shade, hex) {
LESS += "@" + name + "-" + shade + ": " + hex + ";\n"; LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
}); });
if (main[name]) {
LESS += "@" + name + ": " + main[name] + ";\n";
}
}); });
console.log(LESS); console.log(LESS);
}); })();
*/ */
@ -6981,7 +6984,7 @@ body .jumbotron-material-blue-grey-A700,
color: #a8a8a8 !important; color: #a8a8a8 !important;
} }
.btn.btn-raised { .btn.btn-raised {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn.btn-raised:active:not(.btn-link) { .btn.btn-raised:active:not(.btn-link) {
@ -9197,7 +9200,7 @@ body .jumbotron-material-blue-grey-A700,
position: relative; position: relative;
border-radius: 2px; border-radius: 2px;
margin: 10px 1px; margin: 10px 1px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn-group:active:not(.btn-link), .btn-group:active:not(.btn-link),
@ -9210,7 +9213,7 @@ body .jumbotron-material-blue-grey-A700,
} }
.btn-group.btn-group-raised, .btn-group.btn-group-raised,
.btn-group-vertical.btn-group-raised { .btn-group-vertical.btn-group-raised {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
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);
} }
.btn-group.btn-group-raised:active:not(.btn-link), .btn-group.btn-group-raised:active:not(.btn-link),

2
dist/css/material.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/material.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

4
less/_buttons.less
View File

@ -20,7 +20,7 @@
.variations(~".btn-flat:not(.btn-link)", color, @lightbg-text); .variations(~".btn-flat:not(.btn-link)", color, @lightbg-text);
.background-variations(~":not(.btn-link):not(.btn-flat)", @btn-default); .background-variations(~":not(.btn-link):not(.btn-flat)", @btn-default);
&.btn-flat { &.btn-flat {
background: none; background: none;
@ -101,7 +101,7 @@
} }
.btn-shadow() { .btn-shadow() {
.shadow-z-2(); .shadow-z-1();
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);
&:active:not(.btn-link) { &:active:not(.btn-link) {
.shadow-z-3(); .shadow-z-3();