adjusting the mixin.
This commit is contained in:
Родитель
afdfa647cf
Коммит
7c275435ef
|
@ -71,7 +71,7 @@
|
|||
|
||||
// Misc
|
||||
// --------------------------------------------------
|
||||
@mixin hairline($color, $width, $offset, $type) {
|
||||
@mixin hairline($type, $color, $width, $offset) {
|
||||
@if $type == single {
|
||||
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='#{$width}' height='1'><rect fill='#{$color}' x='0' y='0' width='#{$width}' height='0.5'/></svg>");
|
||||
background-position: $offset 100%;
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
li {
|
||||
position: relative;
|
||||
padding: 11px 60px 12px 15px; // Given extra right padding to accomodate badges, chevrons or buttons. Extra 1px bottom padding given for hairline divider.
|
||||
@include hairline(#c8c7cc, 320px, 15px, single); // Single grey border with a width of 320px and 15px offset.
|
||||
@include hairline(single, #c8c7cc, 320px, 15px); // Single grey border with a width of 320px and 15px offset.
|
||||
|
||||
|
||||
// Remove the border from the last table view item
|
||||
|
@ -68,7 +68,7 @@
|
|||
color: #999;
|
||||
font-weight: $font-weight;
|
||||
background-color: #fafafa;
|
||||
@include hairline(#c8c7cc, 320px, 0, double); // Double (top and bottom) grey border with a width of 320px and no offset.
|
||||
@include hairline(double, #c8c7cc, 320px, 0); // Double (top and bottom) grey border with a width of 320px and no offset.
|
||||
|
||||
// Rounding first divider on inset lists and remove border on the top
|
||||
&:first-child {
|
||||
|
|
Загрузка…
Ссылка в новой задаче