parent
2fa568a1f5
commit
f2eb171dc4
@ -1,65 +1,47 @@ |
|||||||
.token-tile-view-more { |
.token-tile-view-more { |
||||||
line-height: 0.5; |
align-items: center; |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
line-height: 1.2; |
||||||
|
padding-top: 10px; |
||||||
text-align: center; |
text-align: center; |
||||||
|
|
||||||
&:hover, |
a { |
||||||
:focus { |
|
||||||
text-decoration: none; |
text-decoration: none; |
||||||
} |
} |
||||||
} |
|
||||||
|
|
||||||
.token-tile-view-more span { |
|
||||||
display: inline-block; |
|
||||||
position: relative; |
|
||||||
} |
|
||||||
|
|
||||||
.token-tile-view-more span:before, |
&:before, |
||||||
.token-tile-view-more span:after { |
&:after { |
||||||
content: ""; |
|
||||||
position: absolute; |
|
||||||
height: 5px; |
|
||||||
border-bottom: 1px solid $border-color; |
border-bottom: 1px solid $border-color; |
||||||
border-top: 1px solid $border-color; |
border-top: 1px solid $border-color; |
||||||
top: 0; |
content: ""; |
||||||
width: 43%; |
height: 4px; |
||||||
} |
flex-grow: 1; |
||||||
|
|
||||||
.token-tile-view-more span:before { |
@include media-breakpoint-down(md) { |
||||||
right: 55%; |
|
||||||
margin-right: 0.9375rem; |
|
||||||
} |
} |
||||||
|
|
||||||
.token-tile-view-more span:after { |
@include media-breakpoint-down(sm) { |
||||||
left: 55%; |
|
||||||
margin-left: 0.9375rem; |
|
||||||
} |
} |
||||||
|
|
||||||
@include media-breakpoint-down(md) { |
|
||||||
.token-tile-view-more span:before, |
|
||||||
.token-tile-view-more span:after { |
|
||||||
width: 40%; |
|
||||||
} |
} |
||||||
|
|
||||||
.token-tile-view-more span:before { |
&:before { |
||||||
right: 58%; |
margin-right: 10px; |
||||||
} |
|
||||||
|
|
||||||
.token-tile-view-more span:after { |
@include media-breakpoint-down(md) { |
||||||
left: 58%; |
|
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
@include media-breakpoint-down(sm) { |
@include media-breakpoint-down(sm) { |
||||||
.token-tile-view-more span:before, |
} |
||||||
.token-tile-view-more span:after { |
|
||||||
width: 28%; |
|
||||||
} |
} |
||||||
|
|
||||||
.token-tile-view-more span:before { |
&:after { |
||||||
right: 66%; |
margin-left: 10px; |
||||||
|
|
||||||
|
@include media-breakpoint-down(md) { |
||||||
} |
} |
||||||
|
|
||||||
.token-tile-view-more span:after { |
@include media-breakpoint-down(sm) { |
||||||
left: 66%; |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
Loading…
Reference in new issue