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

sass button-variations now being replaced

Browse Source
This commit is contained in:
Kevin Ross 2015-11-03 12:12:20 -06:00
parent 7fc8f47437
commit cfa603321e
2 changed files with 7 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
Gruntfile.js
View File

@ -29,16 +29,10 @@ module.exports = function(grunt) {
}, },
// button variations mixin replacement(s) // button variations mixin replacement(s)
//{ // http://rubular.com/r/r198CndVsf { // Multi-line replacement -https://regex101.com/r/qD9qB8/2
// pattern: /.generic-variations\(unquote\((.*)\).*\).*(\d+).*}\);/m, pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+?(?!\r|\n)contrast[\s\S]+?(?!\r|\n)(\d+)[\s\S]+?(?!\r|\n)}\);$\n/mg,
// replacement: '@include button-variations(unquote($1), $btn-default, $2%);', replacement: '@include button-variations(unquote($1), $2, $3%);\n',
// order: 200 order: 20
//}
// attempting multi-line replacement - https://github.com/duvillierA/grunt-less-to-sass/issues/6
{ // http://rubular.com/r/oL4O1x6Wda
pattern: /.generic-variations\(unquote\(("[^"]+")\), (\$.+?(?!\r|\n)), {$\n.+?(?!\r|\n)(\d+).+?(?!\r|\n)}\);$\n/m,
replacement: '@include button-variations(unquote($1), $2, $3%);',
order: 2
} }
] ]

12
sass/_buttons.scss
View File

@ -24,17 +24,11 @@
@include background-variations(unquote(":not(.btn-link):not(.btn-flat)"), $btn-default); @include background-variations(unquote(":not(.btn-link):not(.btn-flat)"), $btn-default);
// BTN hover effect // BTN hover effect
.generic-variations(unquote(":hover:not(.btn-link):not(.btn-flat)"), $btn-default, { @include button-variations(unquote(":hover:not(.btn-link):not(.btn-flat)"), $btn-default, 4%);
background-color: contrast($material-color, darken($material-color, 4%), lighten($material-color, 4%), $contrast-factor);
});
// BTN active effect // BTN active effect
.generic-variations(unquote(":active:not(.btn-link):not(.btn-flat)"), $btn-default, { @include button-variations(unquote(":active:not(.btn-link):not(.btn-flat)"), $btn-default, 6%);
background-color: contrast($material-color, darken($material-color, 6%), lighten($material-color, 6%), $contrast-factor);
});
// BTN .active effect // BTN .active effect
.generic-variations(unquote(".active:not(.btn-link):not(.btn-flat)"), $btn-default, { @include button-variations(unquote(".active:not(.btn-link):not(.btn-flat)"), $btn-default, 6%);
background-color: contrast($material-color, darken($material-color, 6%), lighten($material-color, 6%), $contrast-factor);
});
// BTN flat hover effect // BTN flat hover effect
.generic-variations(unquote(".btn-flat:hover:not(.btn-link)"), $btn-default, { .generic-variations(unquote(".btn-flat:hover:not(.btn-link)"), $btn-default, {
background-color: rgba($material-color, (20/100)); background-color: rgba($material-color, (20/100));