hugo-theme-zzo/assets/sass/components/_hr.scss

22 lines
406 B
SCSS

.fade-1 {
height: 1px;
$color: #595B5C;
color: $color;
background-image: linear-gradient(
90deg,
rgba($color, 0),
rgba($color, 1) 50%,
rgba($color, 0) 100%);
}
.fade-2 {
border-width: 0 0 1px;
$color: #595B5C;
color: $color;
border-image: linear-gradient(
90deg,
rgba($color, 0),
rgba($color, 1) 50%,
rgba($color, 0) 100%) 0 0 100%;
border-style: solid;
}