Revert modifier class notation

This commit is contained in:
taehoon 2019-03-05 21:52:04 -05:00
parent 37acb51df4
commit 5f51fe897d
2 changed files with 6 additions and 7 deletions

View file

@ -18,9 +18,9 @@ export default {
computed: { computed: {
classes () { classes () {
return [{ return [{
'user-card-rt': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius 'user-card-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
'user-card-r': this.rounded === true, // set border-radius for all sides 'user-card-rounded': this.rounded === true, // set border-radius for all sides
'user-card-b': this.bordered === true // set border for all sides 'user-card-bordered': this.bordered === true // set border for all sides
}] }]
}, },
style () { style () {

View file

@ -161,22 +161,21 @@
text-align: center; text-align: center;
} }
//
// Modifiers // Modifiers
&-rt { &-rounded-t {
border-top-left-radius: $fallback--panelRadius; border-top-left-radius: $fallback--panelRadius;
border-top-left-radius: var(--panelRadius, $fallback--panelRadius); border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
border-top-right-radius: $fallback--panelRadius; border-top-right-radius: $fallback--panelRadius;
border-top-right-radius: var(--panelRadius, $fallback--panelRadius); border-top-right-radius: var(--panelRadius, $fallback--panelRadius);
} }
&-r { &-rounded {
border-radius: $fallback--panelRadius; border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius); border-radius: var(--panelRadius, $fallback--panelRadius);
} }
&-b { &-bordered {
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
border-color: $fallback--border; border-color: $fallback--border;