restruct: updated scss @import rules to @use; package upgrade

This commit is contained in:
2025-03-04 16:16:28 +01:00
parent 91803d3fef
commit c9459eb8f4
18 changed files with 10669 additions and 2430 deletions
+4 -6
View File
@@ -220,8 +220,6 @@ export default defineComponent({
</script>
<style lang="scss" scoped>
@import '../../styles/global.scss';
.action-exit {
display: flex;
background-color: #333;
@@ -249,7 +247,7 @@ export default defineComponent({
z-index: 100;
@media screen and (max-width: $breakpointSm) {
@media screen and (max-width: global.$breakpointSm) {
height: 80vh;
}
}
@@ -281,7 +279,7 @@ export default defineComponent({
width: 35%;
}
@media screen and (max-width: $breakpointSm) {
@media screen and (max-width: global.$breakpointSm) {
flex-wrap: wrap;
input {
@@ -309,7 +307,7 @@ ul {
padding: 0.1em;
&[data-last-selected='true'] .stock-title {
border: 1px solid $accentColor;
border: 1px solid global.$accentColor;
}
.stock-title {
@@ -325,7 +323,7 @@ ul {
background: #222;
}
@media screen and (max-width: $breakpointSm) {
@media screen and (max-width: global.$breakpointSm) {
grid-template-columns: 1fr;
// grid-template-rows: 1fr 1fr;
}