ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: correct syntax for scss variables

Browse Source 
Signed-off-by: grnd-alt <git@belakkaf.net>
This commit is contained in:
grnd-alt
2025-03-10 12:04:34 +01:00
parent 438376b20a
commit de907d69c5
6 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/board/Board.vue
View File

@@ -253,8 +253,8 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../css/animations'; @use '../../css/animations';
@import '../../css/variables'; @use '../../css/variables';
form { form {
text-align: center; text-align: center;
@@ -282,7 +282,7 @@ export default {
} }
.board { .board {
padding-left: $board-spacing; padding-left: variables.$board-spacing;
position: relative; position: relative;
max-height: calc(100% - var(--default-clickable-area)); max-height: calc(100% - var(--default-clickable-area));
overflow: hidden; overflow: hidden;
@@ -313,8 +313,8 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// Margin left instead of padidng to avoid jumps on dropping a card // Margin left instead of padidng to avoid jumps on dropping a card
margin-left: $stack-spacing; margin-left: variables.$stack-spacing;
padding-right: $stack-spacing; padding-right: variables.$stack-spacing;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
padding-top: 15px; padding-top: 15px;

2
src/components/cards/CardCover.vue
View File

@@ -72,7 +72,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../css/variables'; @use '../../css/variables';
.card-cover { .card-cover {
height: 90px; height: 90px;

4
src/components/cards/CardItem.vue
View File

@@ -331,7 +331,7 @@ export default {
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
font-size: 100%; font-size: 100%;
background-color: var(--color-main-background); background-color: var(--color-main-background);
margin-bottom: $card-spacing; margin-bottom: variables.$card-spacing;
padding: var(--default-grid-baseline) variables.$card-padding; padding: var(--default-grid-baseline) variables.$card-padding;
border: 2px solid var(--color-border-dark); border: 2px solid var(--color-border-dark);
width: 100%; width: 100%;
@@ -470,7 +470,7 @@ export default {
width: 32px; width: 32px;
} }
&.has-labels { &.has-labels {
padding-bottom: $card-padding; padding-bottom: variables.$card-padding;
} }
.labels { .labels {
height: 6px; height: 6px;

14
src/components/overview/Overview.vue
View File

@@ -145,7 +145,7 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import './../../css/variables'; @use './../../css/variables';
.overview-wrapper { .overview-wrapper {
position: relative; position: relative;
@@ -162,16 +162,16 @@ export default {
overflow-x: scroll; overflow-x: scroll;
display: flex; display: flex;
align-items: stretch; align-items: stretch;
padding-left: $board-spacing; padding-left: variables.$board-spacing;
padding-right: $board-spacing; padding-right: variables.$board-spacing;
.dashboard-column { .dashboard-column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-width: $stack-width; min-width: variables.$stack-width;
width: $stack-width; width: variables.$stack-width;
margin-left: $stack-spacing; margin-left: variables.$stack-spacing;
margin-right: $stack-spacing; margin-right: variables.$stack-spacing;
h3 { h3 {
font-size: var(--default-font-size); font-size: var(--default-font-size);

8
src/components/search/GlobalSearchResults.vue
View File

@@ -162,11 +162,11 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../css/variables'; @use '../../css/variables';
.global-search { .global-search {
width: 100%; width: 100%;
padding: $board-spacing + $stack-spacing; padding: variables.$board-spacing + variables.$stack-spacing;
padding-bottom: 0; padding-bottom: 0;
overflow: hidden; overflow: hidden;
min-height: 35vh; min-height: 35vh;
@@ -214,8 +214,8 @@ export default {
} }
&:deep(.card) { &:deep(.card) {
width: $stack-width; width: variables.$stack-width;
margin-right: $stack-spacing; margin-right: variables.$stack-spacing;
} }
} }
</style> </style>

10
src/components/search/Placeholder.vue
View File

@@ -58,18 +58,18 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../css/variables'; @use '../../css/variables';
$clickable-area: var(--default-clickable-area); $clickable-area: var(--default-clickable-area);
.card--placeholder { .card--placeholder {
width: $stack-width; width: variables.$stack-width;
margin-right: $stack-spacing; margin-right: variables.$stack-spacing;
padding: $card-padding; padding: variables.$card-padding;
transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out;
box-shadow: 0 0 2px 0 var(--color-box-shadow); box-shadow: 0 0 2px 0 var(--color-box-shadow);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
font-size: 100%; font-size: 100%;
margin-bottom: $card-spacing; margin-bottom: variables.$card-spacing;
height: 100px; height: 100px;
} }