|
|
|
@ -73,12 +73,12 @@
|
|
|
|
|
// -------------------------------------------------- |
|
|
|
|
@mixin hairline($type, $color, $offset) { |
|
|
|
|
@if $type == single { |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>"); |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: $offset 100%; |
|
|
|
|
|
|
|
|
|
} @else if $type == double { |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>"), |
|
|
|
|
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='1'><rect fill='#{$color}' x='0' y='0' width='1000' height='0.5'/></svg>"); |
|
|
|
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"), |
|
|
|
|
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"); |
|
|
|
|
background-position: $offset 100%, $offset 0%; |
|
|
|
|
} |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|