Commit 5f51fe89 authored by Tae Hoon's avatar Tae Hoon

Revert modifier class notation

parent 37acb51d
......@@ -18,9 +18,9 @@ export default {
computed: {
classes () {
return [{
'user-card-rt': 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-b': this.bordered === true // set border for all sides
'user-card-rounded-t': this.rounded === 'top', // set border-top-left-radius and border-top-right-radius
'user-card-rounded': this.rounded === true, // set border-radius for all sides
'user-card-bordered': this.bordered === true // set border for all sides
}]
},
style () {
......
......@@ -161,22 +161,21 @@
text-align: center;
}
//
// Modifiers
&-rt {
&-rounded-t {
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 {
&-rounded {
border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius);
}
&-b {
&-bordered {
border-width: 1px;
border-style: solid;
border-color: $fallback--border;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment