Ümit Tunç
48 lines
1.2 KiB
SCSS
48 lines
1.2 KiB
SCSS
//
|
|
// Ribbon
|
|
// --------------------------------------------------
|
|
|
|
@mixin ribbon-variation($color) {
|
|
.ribbon-box {
|
|
background-color: $color;
|
|
}
|
|
|
|
&.ribbon-bookmark {
|
|
.ribbon-box::before {
|
|
border-color: $color;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
&.ribbon-left .ribbon-box::before {
|
|
border-color: $color;
|
|
border-right-color: transparent;
|
|
}
|
|
}
|
|
|
|
&.ribbon-modern {
|
|
.ribbon-box::before {
|
|
border-color: $color;
|
|
border-left-color: transparent;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
&.ribbon-bottom .ribbon-box::before {
|
|
border-color: $color;
|
|
border-top-color: transparent;
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
&.ribbon-left .ribbon-box::before {
|
|
border-color: $color;
|
|
border-right-color: transparent;
|
|
border-bottom-color: transparent;
|
|
}
|
|
|
|
&.ribbon-left.ribbon-bottom .ribbon-box::before {
|
|
border-color: $color;
|
|
border-top-color: transparent;
|
|
border-right-color: transparent;
|
|
}
|
|
}
|
|
}
|