{"type":"rich","author_name":"takuya_1st","version":"1.0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftakuya-1st.hatenablog.jp%2Fentry%2F2023%2F08%2F25%2F020530\" title=\"tailwindcss \u3067\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3084\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u3068\u9023\u643a\u3055\u305b\u308b\u3002 - \u305d\u308c\u30de\u30b0\u3067\uff01\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"\u305d\u308c\u30de\u30b0\u3067\uff01","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/t/takuya_1st/20230825/20230825015218.png","height":"190","author_url":"https://blog.hatena.ne.jp/takuya_1st/","published":"2023-08-25 02:05:30","categories":["css","tailwindcss"],"blog_url":"https://takuya-1st.hatenablog.jp/","title":"tailwindcss \u3067\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3084\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u3068\u9023\u643a\u3055\u305b\u308b\u3002","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","url":"https://takuya-1st.hatenablog.jp/entry/2023/08/25/020530","description":"tailwindcss \u3067\u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3068\u9023\u52d5\u3055\u305b\u308b \u30c1\u30a7\u30c3\u30af\u30dc\u30c3\u30af\u30b9\u3084\u30e9\u30b8\u30aa\u30dc\u30bf\u30f3\u306e\u30c1\u30a7\u30c3\u30af\u72b6\u614b\uff08\u7591\u4f3c\u30bb\u30ec\u30af\u30bf:check)\u3068\u9023\u52d5\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3002 .peer/{$name}:checked ~ .peer-checked/{$name}:{$tailwindcss-class} tailwindcss \u3067\u300c\u5b9f\u6570\u3068\u30cd\u30ac\u30c6\u30a3\u30d6\u300d\uff08\u30de\u30a4\u30ca\u30b9\u5024\uff09\u306a\u30de\u30fc\u30b8\u30f3\u3092\u5165\u308c\u308b\u3002 \u53c2\u8003\u8cc7\u6599\u306b\u3088\u308b\u3068\u3001\u30cd\u30ac\u30c6\u30a3\u30d6\u306a\u5024\u3092\u4f7f\u3048\u308b\u3088\u3046\u3067\u3059\u3002 \u5b9f\u6570\u306b\u306f\u3001\u6b63\u6570\u3068\u30cd\u30ac\u30c6\u30a3\u30d6\u5024\uff08\u30de\u30a4\u30ca\u30b9\u5024\u30fb\u8ca0\u6570\uff09\u304c\u304c\u4f7f\u3048\u308b\u3002 translate-x-[-2rem] translate-x-[2rem] pl-[32px] py-[10%]\u2026","width":"100%"}