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

sass conversion fixes for 0.5.4

Browse Source
This commit is contained in:
Kevin Ross 2015-12-08 15:48:04 -06:00
parent 5a4081f1ac
commit 078da208e7
3 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Gruntfile.js
View File

@ -151,9 +151,9 @@ module.exports = function (grunt) {
}, },
// button variations mixin replacement(s) // button variations mixin replacement(s)
{ // Multi-line replacement - https://regex101.com/r/qD9qB8/2 { // https://regex101.com/r/qD9qB8/4
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, pattern: /.generic-variations\(unquote\(".btn", ~("([^"]+)?")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+}\);$\n/mg,
replacement: "@include button-variations(unquote($1), $2, $3%);\n", replacement: "@include button-variations(unquote(\".btn\"), $1, $3);\n",
order: 20 order: 20
}, },
@ -207,9 +207,9 @@ module.exports = function (grunt) {
}, },
// alert generic-variations (convert this one last - very broad search) // alert generic-variations (convert this one last - very broad search)
{ // Multi-line replacement - https://regex101.com/r/jB1uL1/2 { // Multi-line replacement - https://regex101.com/r/jB1uL1/3
pattern: /.generic-variations\(unquote\(("([^"]+)?")\), unquote\(("([^"]+)?")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+}\);$\n/mg, pattern: /.generic-variations\(unquote\(".alert"\), unquote\(("([^"]+)?")\), (\$[\s\S]+?(?!\r|\n)), {$\n[\s\S]+}\);$\n/mg,
replacement: "@include alert-variations(unquote($1), unquote($3), $5);\n", replacement: "@include alert-variations(unquote(\".alert\"), unquote($1), $3);\n",
order: 250 // very broad search, do this last order: 250 // very broad search, do this last
}, },
@ -218,8 +218,7 @@ module.exports = function (grunt) {
pattern: /([\s\S]+)/mg, pattern: /([\s\S]+)/mg,
replacement: "\/\/ This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.\n\n$1", replacement: "\/\/ This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.\n\n$1",
order: 1000 // very broad search, do this last order: 1000 // very broad search, do this last
}, }
] ]
} }
} }

2
sass/_buttons.scss
View File

@ -80,7 +80,7 @@
// FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only? // FIXME: SPEC - this should be the 600 color, how can we get that programmatically if at all? Or are we limited to the color palette only?
// SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content // SASS conversion note: please mirror any content change in _mixins-shared.scss button-variations-content
@include alert-variations(unquote(".btn"), unquote(""), $mdb-btn-background-color); @include button-variations(unquote(".btn"), "", $mdb-btn-background-color);
// Spec: // Spec:
// - Raised Light/Light theme no hover. // - Raised Light/Light theme no hover.

4
sass/_mixins.scss
View File

@ -42,8 +42,8 @@
// color: map-get($args, variation-color); // color: map-get($args, variation-color);
//} //}
@mixin button-variations($component, $selector-suffix, $color-default, $mdb-param-1) { @mixin button-variations($component, $selector-suffix, $color-default) {
@include generic-variations($component, $selector-suffix, $color-default, "button-variations-content", $mdb-param-1); @include generic-variations($component, $selector-suffix, $color-default, "button-variations-content", 4%);
} }
@mixin button-variations-content($args) { @mixin button-variations-content($args) {