add scss card size variables

This commit is contained in:
axolotle
2021-06-11 14:44:06 +02:00
parent 7ce04a91f3
commit e367e9d735
3 changed files with 10 additions and 8 deletions
+3 -2
View File
@@ -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;
+6 -5
View File
@@ -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 {
+1 -1
View File
@@ -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>