moved transparent button styles into button itself
This commit is contained in:
parent
6bc9886db4
commit
0583a6b863
3 changed files with 6 additions and 7 deletions
|
@ -88,6 +88,10 @@ a {
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
font-family: var(--interfaceFont, sans-serif);
|
font-family: var(--interfaceFont, sans-serif);
|
||||||
|
|
||||||
|
&.-sublime {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
i[class*=icon-],
|
i[class*=icon-],
|
||||||
.svg-inline--fa {
|
.svg-inline--fa {
|
||||||
color: $fallback--text;
|
color: $fallback--text;
|
||||||
|
|
|
@ -38,11 +38,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.new:not(.-highlighted) {
|
|
||||||
.short {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.new {
|
.new {
|
||||||
&,
|
&,
|
||||||
&.-highlighted {
|
&.-highlighted {
|
||||||
|
|
|
@ -15,8 +15,8 @@
|
||||||
:class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]"
|
:class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]"
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
class="short"
|
class="short button-default"
|
||||||
:class="highlight ? 'button-default' : 'button-default' "
|
:class="{ '-sublime': !highlight }"
|
||||||
@click.prevent="onClick"
|
@click.prevent="onClick"
|
||||||
>
|
>
|
||||||
<!-- eslint-disable vue/no-v-html -->
|
<!-- eslint-disable vue/no-v-html -->
|
||||||
|
|
Loading…
Reference in a new issue