Make the background darker only in specific cases

This commit is contained in:
Luis Ramos
2020-04-19 20:19:28 +01:00
parent b34fb79d69
commit 77d7d2b804
4 changed files with 10 additions and 3 deletions

View File

@@ -0,0 +1,4 @@
Darkswarm.directive "darkerBackground", ->
restrict: "A"
link: (scope, elm, attr)->
elm.closest('.page-view').toggleClass("with-darker-background", true)

View File

@@ -77,7 +77,6 @@
.page-view {
background: none;
background-color: $grey-080;
border: none;
padding-bottom: 5em;
@@ -119,4 +118,8 @@
}
}
}
.page-view.with-darker-background {
background-color: $grey-080;
}
}

View File

@@ -1,6 +1,6 @@
.row.closed_shop_header
.small-12.columns
.content
.content{ "darker-background" => true }
%h4
.warning_sign
.rectangle

View File

@@ -1,5 +1,5 @@
- if require_customer?
.content
.content{ "darker-background" => true }
.row.footer-pad
.small-12.columns
.shopfront_hidden_message