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) {
@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;
}
}