Update modifier class notation

This commit is contained in:
taehoon 2019-03-05 13:25:31 -05:00
parent e0a66b989d
commit 43c52cb950
2 changed files with 12 additions and 12 deletions

View file

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

View file

@ -164,19 +164,19 @@
//
// Modifiers
&-rounded {
&-rt {
border-top-left-radius: $fallback--panelRadius;
border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
border-top-right-radius: $fallback--panelRadius;
border-top-right-radius: var(--panelRadius, $fallback--panelRadius);
}
&-r {
border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius);
}
&-rounded-t {
border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
&-bordered {
&-b {
border-width: 1px;
border-style: solid;
border-color: $fallback--border;