From d40c235a038f5d5c5e5827475120e46f24ba708b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= Date: Tue, 12 Feb 2019 11:17:31 +0100 Subject: [PATCH] Fix missing style --- .../Private/Assets/scss/_mixins.scss | 189 +++++++++--------- 1 file changed, 97 insertions(+), 92 deletions(-) diff --git a/web/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss b/web/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss index 43495830..0a0de7a0 100644 --- a/web/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss +++ b/web/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss @@ -1,126 +1,131 @@ @mixin container($width-max: $content-width-max, $padding: $padding-default / 2) { - @include clearfix(); - width: 100%; - max-width: $width-max; - margin: 0 auto; - padding: 0 $padding; + @include clearfix(); + width: 100%; + max-width: $width-max; + margin: 0 auto; + padding: 0 $padding; } @mixin sectionColours() { - &.section-incentives { - color: $color-incentives; - fill: $color-incentives; - } + &.section-incentives { + color: $color-incentives; + fill: $color-incentives; + } - &.section-teambuilding { - color: $color-teambuilding; - fill: $color-teambuilding; - } + &.section-teambuilding { + color: $color-teambuilding; + fill: $color-teambuilding; + } - &.section-meetings { - color: $color-meetings; - fill: $color-meetings; - } + &.section-meetings { + color: $color-meetings; + fill: $color-meetings; + } - &.section-events { - color: $color-events; - fill: $color-events; - } + &.section-events { + color: $color-events; + fill: $color-events; + } } @mixin sectionColoursFromParent() { - .section-incentives & { - color: $color-incentives; - fill: $color-incentives; - } + .section-incentives & { + color: $color-incentives; + fill: $color-incentives; + } - .section-teambuilding & { - color: $color-teambuilding; - fill: $color-teambuilding; - } + .section-teambuilding & { + color: $color-teambuilding; + fill: $color-teambuilding; + } - .section-meetings & { - color: $color-meetings; - fill: $color-meetings; - } + .section-meetings & { + color: $color-meetings; + fill: $color-meetings; + } - .section-events & { - color: $color-events; - fill: $color-events; - } + .section-events & { + color: $color-events; + fill: $color-events; + } } @mixin sectionBackgrounds($opacity: 1) { - &.section-default, - .section-default & { - background-color: rgba($color-brand-primary, $opacity); - } + &.section-default, + .section-default & { + background-color: rgba($color-brand-primary, $opacity); + } - &.section-incentives, - .section-incentives & { - background-color: rgba($color-incentives, $opacity); - } + &.section-incentives, + .section-incentives & { + background-color: rgba($color-incentives, $opacity); + } - &.section-teambuilding, - .section-teambuilding & { - background-color: rgba($color-teambuilding, $opacity); - } + &.section-teambuilding, + .section-teambuilding & { + background-color: rgba($color-teambuilding, $opacity); + } - &.section-meetings, - .section-meetings & { - background-color: rgba($color-meetings, $opacity); - } + &.section-meetings, + .section-meetings & { + background-color: rgba($color-meetings, $opacity); + } - &.section-events, - .section-events & { - background-color: rgba($color-events, $opacity); - } + &.section-events, + .section-events & { + background-color: rgba($color-events, $opacity); + } } @mixin sectionBackgroundsFromParent($opacity: 1) { - .section-default & { - background-color: rgba($color-brand-primary, $opacity); - } + .section-default & { + background-color: rgba($color-brand-primary, $opacity); + } - .section-incentives & { - background-color: rgba($color-incentives, $opacity); - } + .section-incentives & { + background-color: rgba($color-incentives, $opacity); + } - .section-teambuilding & { - background-color: rgba($color-teambuilding, $opacity); - } + .section-teambuilding & { + background-color: rgba($color-teambuilding, $opacity); + } - .section-meetings & { - background-color: rgba($color-meetings, $opacity); - } + .section-meetings & { + background-color: rgba($color-meetings, $opacity); + } - .section-events & { - background-color: rgba($color-events, $opacity); - } + .section-events & { + background-color: rgba($color-events, $opacity); + } } @mixin sectionFills($opacity: 1) { - &.section-incentives, - .section-incentives & { - fill: $color-incentives; - opacity: $opacity; - } + .section-default & { + fill: $color-brand-primary; + opacity: $opacity; + } - &.section-teambuilding, - .section-teambuilding & { - fill: $color-teambuilding; - opacity: $opacity; - } + &.section-incentives, + .section-incentives & { + fill: $color-incentives; + opacity: $opacity; + } - &.section-meetings, - .section-meetings & { - fill: $color-meetings; - opacity: $opacity; - } + &.section-teambuilding, + .section-teambuilding & { + fill: $color-teambuilding; + opacity: $opacity; + } - &.section-events, - .section-events & { - fill: $color-events; - opacity: $opacity; - } + &.section-meetings, + .section-meetings & { + fill: $color-meetings; + opacity: $opacity; + } + + &.section-events, + .section-events & { + fill: $color-events; + opacity: $opacity; + } }