add btn-shadow modifier
This commit is contained in:
@@ -13,7 +13,7 @@
|
|||||||
@include gradient-bg($background);
|
@include gradient-bg($background);
|
||||||
border-color: $border;
|
border-color: $border;
|
||||||
// @include box-shadow($btn-box-shadow);
|
// @include box-shadow($btn-box-shadow);
|
||||||
@if $background == $white {
|
&.btn-shadow {
|
||||||
box-shadow: 3px 5px 0 $dark;
|
box-shadow: 3px 5px 0 $dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="mode === 'view' && node.siblings && node.siblings.length">
|
<div v-if="mode === 'view' && node.siblings && node.siblings.length">
|
||||||
<b-button :id="'siblings-' + node.id" variant="depart" class="siblings">
|
<b-button :id="'siblings-' + node.id" variant="depart" class="btn-shadow siblings">
|
||||||
{{ $t('siblings') }}
|
{{ $t('siblings') }}
|
||||||
</b-button>
|
</b-button>
|
||||||
|
|
||||||
@@ -48,13 +48,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="mode === 'card' && preview" class="mt-2">
|
<div v-if="mode === 'card' && preview" class="mt-2">
|
||||||
<b-button @click="onOpenSelf()" variant="depart" class="btn-read">
|
<b-button @click="onOpenSelf()" variant="depart" class="btn-shadow btn-read">
|
||||||
{{ $t('text.read') }}
|
{{ $t('text.read') }}
|
||||||
</b-button>
|
</b-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="mode === 'view' && showOrigin" class="mt-2">
|
<div v-if="mode === 'view' && showOrigin" class="mt-2">
|
||||||
<b-button @click="onOpenSelf()" variant="depart" class="btn-read">
|
<b-button @click="onOpenSelf()" variant="depart" class="btn-shadow btn-read">
|
||||||
{{ $t('text.read-origin') }}
|
{{ $t('text.read-origin') }}
|
||||||
</b-button>
|
</b-button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user