tale/_sass/_catalogue.scss

39 lines
615 B
SCSS
Raw Normal View History

.catalogue {
text-align: center;
&-item {
2017-03-22 07:47:40 +00:00
display: inline-block;
padding: 1.5rem 0;
&:first-child {
padding-top: 2.5rem;
}
&:last-child {
padding-bottom: 2.5rem;
}
2017-03-22 07:47:40 +00:00
&:hover .catalogue-line,
&:focus .catalogue-line {
width: 6rem;
}
}
&-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;
margin: 0 auto;
width: 2rem;
}
}