Shorten if notations so that property order can be applied

This commit is contained in:
Martijn Cuppens 2019-12-19 11:18:05 +01:00 committed by XhmikosR
parent dc64ff3314
commit f54b83073d
3 changed files with 7 additions and 16 deletions

View File

@ -111,15 +111,11 @@
}
.carousel-control-prev {
left: 0;
@if $enable-gradients {
background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
}
background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
}
.carousel-control-next {
right: 0;
@if $enable-gradients {
background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
}
background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
}
// Icons for within

View File

@ -166,9 +166,7 @@
pointer-events: none;
background-color: transparent;
// Remove CSS gradients if they're enabled
@if $enable-gradients {
background-image: none;
}
background-image: if($enable-gradients, none, null);
}
}

View File

@ -43,9 +43,8 @@
.show > &.dropdown-toggle {
color: $active-color;
background-color: $active-background;
@if $enable-gradients {
background-image: none; // Remove the gradient for the pressed/active state
}
// Remove CSS gradients if they're enabled
background-image: if($enable-gradients, none, null);
border-color: $active-border;
&:focus {
@ -62,11 +61,9 @@
&.disabled {
color: $color;
background-color: $background;
border-color: $border;
// Remove CSS gradients if they're enabled
@if $enable-gradients {
background-image: none;
}
background-image: if($enable-gradients, none, null);
border-color: $border;
}
}