philomena/assets/css/common/global.scss
2020-05-01 22:00:29 -04:00

63 lines
1.5 KiB
SCSS

@mixin even-odd {
&:nth-child(odd) {
background: $background_odd_color;
}
&:nth-child(even) {
background: $background_even_color;
}
/* Used in tag changes, among other things. See the definition of
* _odd_color and _even_color for more information on cross-theme customization */
//success bgs
&:nth-child(odd).success,
&:nth-child(odd) .success {
background: $success_odd_color;
}
&:nth-child(even).success,
&:nth-child(even) .success {
background: $success_even_color;
}
&:nth-child(even) &:nth-child(odd).success,
&:nth-child(even) &:nth-child(odd) .success {
background: $success_odd_color;
}
//warning bgs
&:nth-child(odd).warning,
&:nth-child(odd) .warning {
background: $warning_odd_color;
}
&:nth-child(even).warning,
&:nth-child(even) .warning {
background: $warning_even_color;
}
&:nth-child(even) &:nth-child(odd).warning,
&:nth-child(even) &:nth-child(odd) .warning {
background: $warning_odd_color;
}
//danger bg
&:nth-child(odd).danger,
&:nth-child(odd) .danger {
background: $danger_odd_color;
}
&:nth-child(even).danger,
&:nth-child(even) .danger {
background: $danger_even_color;
}
&:nth-child(even) &:nth-child(odd).danger,
&:nth-child(even) &:nth-child(odd) .danger {
background: $danger_odd_color;
}
}
@mixin number-wrap($color) {
display: inline-flex;
padding: 0 6px;
margin-left: 6px;
line-height: inherit;
font-size: 16px;
text-align: center;
background: $color;
}