CSSã ã£ã¦JavaScriptã®å€¤ãŒæ¬²ã—ã„! - Qiitaインターン先ã§react + typescript + scssã®ãŠä»•äº‹ã‚’ã—ã¦ã„ã‚‹ @haduki1208 ã¨ç”³ã—ã¾ã™ã€‚ 最近reactよりscssを多ã書ã„ã¦ã‚‹æ°—ãŒã—ã¾ã™ã€‚割ã¨æ¥½ã—ã„ã§ã™ã€‚ TL;DR CSS変数をインラインスタイルã§æ›¸ã var()ã§èªã¿è¾¼ã‚€ CSSã§JavaScriptã®å€¤ã‚’å–å¾—ã™ã‚‹ 趣味ã§ã€Œä»»æ„ã®å¤§ãã•ãƒ»è‰²ãƒ»å‘ãを指定ã§ãる矢å°ã‚¢ã‚¤ã‚³ãƒ³ã€ã‚’作ã£ã¦ã„ãŸæ™‚㫠「CSSã§JavaScriptã®å€¤ã‚’å–å¾—ã§ããªã„ã®ã‹?〠ã¨æ€ã£ãŸã®ã§ã‚„ã£ã¦ã¿ã¾ã—ãŸã€‚ cssã«attr()ã¨ã„ã†é–¢æ•°ãŒã‚ã‚Šã¾ã™ãŒã€content属性ã§ã—ã‹å‹•ä½œã—ãªã„よã†ã§ã™ã€‚ 今回ã¯height, width, background-color, rotateã«ä»»æ„ã®å€¤ã‚’使ã„ãŸã„ã®ã§ã™ãŒãƒ€ãƒ¡ã§ã™ã€‚微妙ãªä»•æ§˜ã§ã™ã。 環境 typescript + react + scss ãŠã‚ˆã³ typescript + rea
{{#tags}}- {{label}}
{{/tags}}