mirror of
https://github.com/philomena-dev/philomena.git
synced 2024-11-24 04:27:59 +01:00
64 lines
1.5 KiB
SCSS
64 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;
|
||
|
|
}
|