tale/_sass/_catalogue.scss
2017-03-22 15:47:40 +08:00

38 lines
615 B
SCSS

.catalogue {
text-align: center;
&-item {
display: inline-block;
padding: 1.5rem 0;
&:first-child {
padding-top: 2.5rem;
}
&:last-child {
padding-bottom: 2.5rem;
}
&:hover .catalogue-line,
&:focus .catalogue-line {
width: 6rem;
}
}
&-title {
color: $default-shade;
display: block;
font-family: $sans-font;
font-size: 2rem;
font-weight: 700;
margin: .5rem 0;
}
&-line {
@include transition(all .3s ease-out);
border-top: .2rem solid $default-shade;
display: block;
margin: 0 auto;
width: 2rem;
}
}