|
|
|
@ -115,13 +115,13 @@
|
|
|
|
|
// -------------------------------------------------- |
|
|
|
|
@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='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' 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='10gem update --system |
|
|
|
|
0%' 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>"); |
|
|
|
|
0%' 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; |
|
|
|
|