55 lines
1005 B
SCSS
55 lines
1005 B
SCSS
// NibblePoker CSS Theme - CC0 1.0 (Public Domain)
|
|
|
|
/* Site > Elements > Horizontal Rule */
|
|
|
|
hr {
|
|
border-color: #{$color-border-all};
|
|
|
|
&.subtle, &.hr-subtle {
|
|
//background-color: rgba(0,0,0,0) !important;
|
|
//background: #5d5f61;
|
|
//background: radial-gradient(circle, rgba(83, 85, 87, 0.8) 0%, rgba(65, 67, 69, 0.65) 75%, rgba(17, 20, 23, 0) 100%);
|
|
opacity: 0.2;
|
|
}
|
|
|
|
&.dashed, &.hr-dashed {
|
|
border-style: dashed;
|
|
}
|
|
|
|
&.dotted, &.hr-dotted {
|
|
border-style: dotted;
|
|
}
|
|
|
|
&.double, &.hr-double, &.thick, &.hr-thick {
|
|
border-style: double;
|
|
}
|
|
|
|
// Default !
|
|
//&.inset, &.inset {
|
|
// border-style: inset;
|
|
//}
|
|
|
|
&.outset, &.hr-outset {
|
|
border-style: outset;
|
|
}
|
|
|
|
&.cut-here, &.ht-cut-here {
|
|
border-width: 1px 0 0 0;
|
|
height: 9px;
|
|
|
|
&:after {
|
|
content: '\002702';
|
|
display: inline-block;
|
|
position: relative;
|
|
color: #{$color-border-all};
|
|
font-size: 18px;
|
|
top: -8px;
|
|
left: 40px;
|
|
|
|
font-family: serif;
|
|
//filter: grayscale(1);
|
|
//transform: rotate(-90deg);
|
|
}
|
|
}
|
|
}
|