Sass - プロパティのネスト
プロパティのネスト
- Nested Properties
記述例
《sample.scss》
.sample { border: { top: 5px solid #ccc; bottom: { width: 3px; style: dotted; color: black; } } }
《sample.css》
.sample { border-top: 5px solid #ccc; border-bottom-width: 3px; border-bottom-style: dotted; border-bottom-color: black; }
記述例
《sample.scss》
.item { margin: 0 { left: 10px; } border: 5px solid #ccc { bottom: 0; } }
《sample.css》
.item { margin: 0; margin-left: 10px; border: 5px solid #ccc; border-bottom: 0; }
記述例
《sample.scss》
.sample { text: { shadow: 1px 1px 0 #fff; align: right; } z: { index: 5; } }
《sample.css》
.sample { text-shadow: 1px 1px 0 #fff; text-align: right; z-index: 5; }