add scss card size variables
This commit is contained in:
@@ -60,9 +60,9 @@ $grid-breakpoints: (
|
|||||||
$layout-bp: md;
|
$layout-bp: md;
|
||||||
|
|
||||||
// Body
|
// Body
|
||||||
|
$body-bg: #fffcfb;
|
||||||
$body-color: $black;
|
$body-color: $black;
|
||||||
|
|
||||||
|
|
||||||
// Links
|
// Links
|
||||||
$link-color: $black;
|
$link-color: $black;
|
||||||
$link-decoration: underline;
|
$link-decoration: underline;
|
||||||
@@ -121,7 +121,6 @@ $spinner-width: 50px;
|
|||||||
|
|
||||||
// CUSTOM
|
// CUSTOM
|
||||||
$btn-size: 26px;
|
$btn-size: 26px;
|
||||||
$text-card-header-height: 4rem;
|
|
||||||
|
|
||||||
$node-view-spacer-sm-x: 18px;
|
$node-view-spacer-sm-x: 18px;
|
||||||
$node-view-spacer-sm-y: 18px;
|
$node-view-spacer-sm-y: 18px;
|
||||||
@@ -132,6 +131,8 @@ $node-card-spacer-sm-x: 8px;
|
|||||||
$node-card-spacer-sm-y: 8px;
|
$node-card-spacer-sm-y: 8px;
|
||||||
$node-card-spacer-x: 15px;
|
$node-card-spacer-x: 15px;
|
||||||
$node-card-spacer-y: 10px;
|
$node-card-spacer-y: 10px;
|
||||||
|
$node-card-width: 560px;
|
||||||
|
$node-card-height: 330px;
|
||||||
|
|
||||||
$line: $border-width solid $black;
|
$line: $border-width solid $black;
|
||||||
|
|
||||||
|
|||||||
@@ -86,11 +86,12 @@ export default {
|
|||||||
// ╰─╴╵ ╵╵ ╰└─╯
|
// ╰─╴╵ ╵╵ ╰└─╯
|
||||||
|
|
||||||
&-card {
|
&-card {
|
||||||
width: 560px;
|
width: $node-card-width;
|
||||||
height: 330px;
|
height: $node-card-height;
|
||||||
max-width: 560px;
|
|
||||||
max-height: 330px;
|
&.node-view-depart {
|
||||||
box-shadow: .5rem .5rem 1rem rgba($black, .25);
|
box-shadow: .5rem .5rem 1rem rgba($black, .25);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-card &-header {
|
&-card &-header {
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
</strong>
|
</strong>
|
||||||
<span v-if="node.preTitle" v-html="node.preTitle + ','" />
|
<span v-if="node.preTitle" v-html="node.preTitle + ','" />
|
||||||
<em v-html="(trim(node.title) || 'pas de titre ital') + ','" />
|
<em v-html="(trim(node.title) || 'pas de titre ital') + ','" />
|
||||||
<div class="edition">
|
<div v-if="node.edition" class="edition">
|
||||||
{{ node.edition.map(ed => ed.name).join(' ') }}
|
{{ node.edition.map(ed => ed.name).join(' ') }}
|
||||||
</div>
|
</div>
|
||||||
</h4>
|
</h4>
|
||||||
|
|||||||
Reference in New Issue
Block a user