EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix missing style

Browse Source
This commit is contained in:
Björn Fromme
2019-02-12 11:17:31 +01:00
parent cf2aacad8f
commit d40c235a03
1 changed files with 97 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/typo3conf/ext/ep_events/Resources/Private/Assets/scss/_mixins.scss
+97 -92
View File
@@ -1,126 +1,131 @@
@mixin container($width-max: $content-width-max, $padding: $padding-default / 2) { @mixin container($width-max: $content-width-max, $padding: $padding-default / 2) {
@include clearfix(); @include clearfix();
width: 100%; width: 100%;
max-width: $width-max; max-width: $width-max;
margin: 0 auto; margin: 0 auto;
padding: 0 $padding; padding: 0 $padding;
} }
@mixin sectionColours() { @mixin sectionColours() {
&.section-incentives { &.section-incentives {
color: $color-incentives; color: $color-incentives;
fill: $color-incentives; fill: $color-incentives;
} }
&.section-teambuilding { &.section-teambuilding {
color: $color-teambuilding; color: $color-teambuilding;
fill: $color-teambuilding; fill: $color-teambuilding;
} }
&.section-meetings { &.section-meetings {
color: $color-meetings; color: $color-meetings;
fill: $color-meetings; fill: $color-meetings;
} }
&.section-events { &.section-events {
color: $color-events; color: $color-events;
fill: $color-events; fill: $color-events;
} }
} }
@mixin sectionColoursFromParent() { @mixin sectionColoursFromParent() {
.section-incentives & { .section-incentives & {
color: $color-incentives; color: $color-incentives;
fill: $color-incentives; fill: $color-incentives;
} }
.section-teambuilding & { .section-teambuilding & {
color: $color-teambuilding; color: $color-teambuilding;
fill: $color-teambuilding; fill: $color-teambuilding;
} }
.section-meetings & { .section-meetings & {
color: $color-meetings; color: $color-meetings;
fill: $color-meetings; fill: $color-meetings;
} }
.section-events & { .section-events & {
color: $color-events; color: $color-events;
fill: $color-events; fill: $color-events;
} }
} }
@mixin sectionBackgrounds($opacity: 1) { @mixin sectionBackgrounds($opacity: 1) {
&.section-default, &.section-default,
.section-default & { .section-default & {
background-color: rgba($color-brand-primary, $opacity); background-color: rgba($color-brand-primary, $opacity);
} }
&.section-incentives, &.section-incentives,
.section-incentives & { .section-incentives & {
background-color: rgba($color-incentives, $opacity); background-color: rgba($color-incentives, $opacity);
} }
&.section-teambuilding, &.section-teambuilding,
.section-teambuilding & { .section-teambuilding & {
background-color: rgba($color-teambuilding, $opacity); background-color: rgba($color-teambuilding, $opacity);
} }
&.section-meetings, &.section-meetings,
.section-meetings & { .section-meetings & {
background-color: rgba($color-meetings, $opacity); background-color: rgba($color-meetings, $opacity);
} }
&.section-events, &.section-events,
.section-events & { .section-events & {
background-color: rgba($color-events, $opacity); background-color: rgba($color-events, $opacity);
} }
} }
@mixin sectionBackgroundsFromParent($opacity: 1) { @mixin sectionBackgroundsFromParent($opacity: 1) {
.section-default & { .section-default & {
background-color: rgba($color-brand-primary, $opacity); background-color: rgba($color-brand-primary, $opacity);
} }
.section-incentives & { .section-incentives & {
background-color: rgba($color-incentives, $opacity); background-color: rgba($color-incentives, $opacity);
} }
.section-teambuilding & { .section-teambuilding & {
background-color: rgba($color-teambuilding, $opacity); background-color: rgba($color-teambuilding, $opacity);
} }
.section-meetings & { .section-meetings & {
background-color: rgba($color-meetings, $opacity); background-color: rgba($color-meetings, $opacity);
} }
.section-events & { .section-events & {
background-color: rgba($color-events, $opacity); background-color: rgba($color-events, $opacity);
} }
} }
@mixin sectionFills($opacity: 1) { @mixin sectionFills($opacity: 1) {
&.section-incentives, .section-default & {
.section-incentives & { fill: $color-brand-primary;
fill: $color-incentives; opacity: $opacity;
opacity: $opacity; }
}
&.section-teambuilding, &.section-incentives,
.section-teambuilding & { .section-incentives & {
fill: $color-teambuilding; fill: $color-incentives;
opacity: $opacity; opacity: $opacity;
} }
&.section-meetings, &.section-teambuilding,
.section-meetings & { .section-teambuilding & {
fill: $color-meetings; fill: $color-teambuilding;
opacity: $opacity; opacity: $opacity;
} }
&.section-events, &.section-meetings,
.section-events & { .section-meetings & {
fill: $color-events; fill: $color-meetings;
opacity: $opacity; opacity: $opacity;
} }
&.section-events,
.section-events & {
fill: $color-events;
opacity: $opacity;
}
} }