CSS-NibblePoker/scss/site/hr.scss

55 lines
1005 B
SCSS
Raw Permalink Normal View History

// 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);
}
}
}