diff --git a/_sass/custom/card.scss b/_sass/custom/card.scss index 423b4ac60cdd33e0129688e31c4406959691f887..c7e5793b7ed9cd1f1ea4720c262a88ac36fa9142 100644 --- a/_sass/custom/card.scss +++ b/_sass/custom/card.scss @@ -1,3 +1,13 @@ +@mixin abstract-card() { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05); + margin: $sp-4 -$gutter-spacing-sm; + + @include mq(md) { + border-radius: $border-radius; + margin: $sp-4 0; + } +} + %card { @include abstract-card(); display: flex; diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss index 63708aeda837dc8773acec7ad2e987b4d8472299..82e39ae729aeb4510794171e1c7662b594b1cd2e 100644 --- a/_sass/custom/custom.scss +++ b/_sass/custom/custom.scss @@ -1,5 +1,4 @@ // Just the Class dependencies -@import 'mixins'; @import 'card'; // Just the Class styles diff --git a/_sass/custom/mixins.scss b/_sass/custom/mixins.scss deleted file mode 100644 index 99916e2483c6b56598a37648748a8e9f4f931990..0000000000000000000000000000000000000000 --- a/_sass/custom/mixins.scss +++ /dev/null @@ -1,9 +0,0 @@ -@mixin abstract-card() { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05); - margin: $sp-4 -$gutter-spacing-sm; - - @include mq(md) { - border-radius: $border-radius; - margin: $sp-4 0; - } -}