open8tech https://blog.hatena.ne.jp/open8tech/ OPEN8テックブログ https://open8tech.hatenablog.com/ 2018年度に新卒で入社した東度です。配属当初はRailsでサーバーサイドを書いていたのですが、最近はReactでフロントを書いています。 自社プロダクトの一つであるVIDEO BRAINでは、CSS in JSのライブラリの一つであるstyled-componentsを使ってスタイリングをしているのですが、中でも度々登場するスタイル拡張について自身の勉強も兼ねて記事をまとめてみました。 styled-componentsとは 現在、CSS in JSの中で最も人気のあるライブラリで、要素にスタイルを付加したコンポーネントが作成できるというのが特徴です。 styled.div``のように記述す… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fopen8tech.hatenablog.com%2Fentry%2F2019%2F01%2F25%2F113916" title="styled-componentsのスタイル拡張について - OPEN8テックブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://i.gyazo.com/942c9e825769ac47985342a3b4b9fdd9.png Hatena Blog https://hatena.blog 2019-01-25 11:39:16 rich https://open8tech.hatenablog.com/entry/2019/01/25/113916 1.0 100%