tale/_sass/_catalogue.scss

40 lines
664 B
SCSS
Raw Normal View History

.catalogue {
&-item {
2017-03-24 03:10:58 +00:00
border-bottom: 1px solid $grey-2;
color: $default-color;
2017-03-22 07:47:40 +00:00
display: inline-block;
2017-03-24 03:10:58 +00:00
padding: 2rem 0;
2017-03-24 03:10:58 +00:00
&:hover .catalogue-line,
&:focus .catalogue-line {
width: 5rem;
}
&:last-child {
2017-03-24 03:10:58 +00:00
border: 0;
}
2017-03-24 03:10:58 +00:00
}
2017-03-22 07:47:40 +00:00
2017-03-24 03:10:58 +00:00
&-time {
color: $default-tint;
font-family: $palatino;
letter-spacing: .5px;
}
&-title {
color: $default-shade;
2017-03-22 07:47:40 +00:00
display: block;
font-family: $sans-font;
font-size: 2rem;
font-weight: 700;
2017-03-22 07:47:40 +00:00
margin: .5rem 0;
}
2017-03-22 07:47:40 +00:00
&-line {
@include transition(all .3s ease-out);
border-top: .2rem solid $default-shade;
display: block;
width: 2rem;
}
}