2016-08-09 10:39:57 +01:00
|
|
|
%show-more,
|
2016-05-11 15:05:40 +01:00
|
|
|
.show-more {
|
|
|
|
|
|
|
|
|
|
@include core-16;
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 0 0;
|
|
|
|
|
margin: $gutter-half 0 $gutter 0;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-top: 1px solid $border-colour;
|
|
|
|
|
|
|
|
|
|
&:focus {
|
2016-08-09 10:39:57 +01:00
|
|
|
|
2016-05-11 15:05:40 +01:00
|
|
|
outline: none;
|
|
|
|
|
color: $text-colour;
|
|
|
|
|
box-shadow: 0 -10px 0 0 $yellow;
|
|
|
|
|
border-color: $yellow;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
background: $yellow;
|
|
|
|
|
outline: none;
|
|
|
|
|
border-color: $text-colour;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -11px;
|
|
|
|
|
outline: 10px solid white;
|
|
|
|
|
background: $white;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
border-bottom: 1px solid $light-blue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
2016-08-09 10:39:57 +01:00
|
|
|
|
|
|
|
|
.show-more-empty {
|
|
|
|
|
@extend %show-more;
|
|
|
|
|
margin-top: -10px;
|
|
|
|
|
}
|