質問編集履歴
5
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
nuxt3 + vuetify3: SASS変数の上書きについて
|
test
CHANGED
File without changes
|
4
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
<v-container>のmax-widthの上書きができない原因
|
1
|
+
<v-container>のmax-widthの上書きができない原因について
|
test
CHANGED
File without changes
|
3
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
原因のつきとめ方について
|
1
|
+
<v-container>のmax-widthの上書きができない原因のつきとめ方について
|
test
CHANGED
File without changes
|
2
試したことの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -147,7 +147,22 @@
|
|
147
147
|
何故、``$container-max-widths``の上書きが行えないのかが分からないのですが、こちらはライブラリのバグなのでしょうか。バグではないとすると何が原因なのかつきとめたい為、どなたかご助言頂けましたら幸いです。
|
148
148
|
|
149
149
|
|
150
|
+
**調査したこと・試したこと**
|
151
|
+
|
152
|
+
``node_modules/vuetify/lib/styles/settings/_variables.scss``内に上書きできる変数が存在していることの確認を行いました。
|
153
|
+
```
|
154
|
+
$container-max-widths: map-deep-merge(
|
155
|
+
(
|
156
|
+
'xs': null,
|
157
|
+
'sm': null,
|
158
|
+
'md': map.get($grid-breakpoints, 'md') * 0.9375,
|
159
|
+
'lg': map.get($grid-breakpoints, 'lg') * 0.9375,
|
160
|
+
'xl': map.get($grid-breakpoints, 'xl') * 0.9375,
|
161
|
+
'xxl': map.get($grid-breakpoints, 'xxl') * 0.9375,
|
162
|
+
),
|
163
|
+
$container-max-widths
|
164
|
+
);
|
165
|
+
```
|
150
166
|
|
151
167
|
|
152
168
|
|
153
|
-
|
1
本文修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -7,12 +7,12 @@
|
|
7
7
|
$border-style-root: dotted,
|
8
8
|
$border-color-root: blue,
|
9
9
|
$container-max-widths: (
|
10
|
-
xs: null,
|
10
|
+
'xs': null,
|
11
|
-
sm: null,
|
11
|
+
'sm': null,
|
12
|
-
md: 1190px,
|
12
|
+
'md': 1190px,
|
13
|
-
lg: 1190px,
|
13
|
+
'lg': 1190px,
|
14
|
-
xl: 1190px,
|
15
|
-
x
|
14
|
+
'xl': 1190px,
|
15
|
+
'xxl': 1190px,
|
16
16
|
),
|
17
17
|
$font-weights: (
|
18
18
|
'thin': 600,
|