teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

文書の改善

2019/12/13 00:11

投稿

makosankibu
makosankibu

スコア289

answer CHANGED
@@ -1,7 +1,15 @@
1
- `unquote`関数と`#{}`を使用すれば実装できます。
1
+ ~~`unquote`関数~~と`#{}`を使用すれば実装できます。
2
2
 
3
3
  ```scss
4
- @if unquote("#{var(--align)} == center") {
4
+ //@if unquote("#{var(--align)} == center") {
5
+ // margin: 0 auto 5px;
6
+ //}
7
+
8
+ @if '#{var(--align)} == center' {
5
9
  margin: 0 auto 5px;
6
10
  }
7
- ```
11
+ ```
12
+
13
+ 追記
14
+ `#{}`だけだとコンパイル時にwarningが出るので`unquote`関数を使用したのですが、追記後のコードの方が簡単で恐らく一般的だと思います。
15
+ [参考URL](https://hacknote.jp/archives/46965/)

1

文書の改善

2019/12/13 00:11

投稿

makosankibu
makosankibu

スコア289

answer CHANGED
@@ -1,4 +1,4 @@
1
- unquoteを使用しょう
1
+ `unquote`関数と`#{}`を使用すれば実装できす。
2
2
 
3
3
  ```scss
4
4
  @if unquote("#{var(--align)} == center") {