Lexiconga/src/components/display/WordDisplay/styles.scss

52 lines
840 B
SCSS

@import '../../node_modules/bulma/sass/utilities/initial-variables';
@import '../../node_modules/bulma/sass/utilities/derived-variables';
@import '../../node_modules/bulma/sass/components/card';
.word-card {
@extend .card;
margin-bottom: 10px;
.word-card-header {
@extend .card-header;
}
.word-card-content {
@extend .card-content;
}
}
.word-card-header-title {
@extend .card-header-title;
align-items: baseline;
.word-name {
font-size: 1.2em;
}
}
.word-card-header-title,
.word-classification {
span:not(:last-child) {
margin-right: 10px;
}
}
.word-classification {
font-size: 0.75em;
.word-pronunciation {
font-weight: normal !important;
}
.word-part-of-speech {
font-style: italic;
}
}
.word-definition {
font-style: italic;
}
.word-details {
padding-left: 15px;
}