SASS 這件事情? - 怎麼看待 SASS 這件事情? - 怎麼看待 SASS 這件事情? 從樣式開始,從樣式結束。 從樣式開始,從樣式結束。 從樣式開始,從樣式結束。 從樣式開始,從樣式結束。 為什麼需要 SASS 樣式? 為什麼需要 SASS 樣式? 為什麼需要 SASS 樣式? 為什麼需要 SASS 樣式? 快速、方便、可程式化。 快速、方便、可程式化。 降低共同作業的風險。 降低共同作業的風險。 時勢所驅,趕流行跟著用。 時勢所驅,趕流行跟著用。 S S S S S S S S S S S S S S S S S S 怎麼樣!想學什麼?特異功能! 怎麼樣!想學什麼?特異功能! #first-look-compass-introduction .span-on-the-fly, #first-look-compass- #first-look-compass-introduction .span-on-the-fly, #first-look-compass- introduction .on-slide-8 #first-look-sass-introduction span.sass-brackets, .on- introduction .on-slide-8 #first-look-sass-introduction span.sass-brackets, .on- slide-8 #first-look-sass-introduction #first-look-compass-introduction span.sass- slide-8 #first-look-sass-introduction #first-look-compass-introduction span.sass- brackets, #first-look-compass-introduction .on-slide-8 #first-look-sass- brackets, #first-look-compass-introduction .on-slide-8 #first-look-sass- introduction span.sass-semicolon, .on-slide-8 #first-look-sass-introduction introduction span.sass-semicolon, .on-slide-8 #first-look-sass-introduction #first-look-compass-introduction span.sass-semicolon, #first-look-compass- #first-look-compass-introduction span.sass-semicolon, #first-look-compass- introduction .on-slide-8 #first-look-sass-introduction span.nested-property, .on- introduction .on-slide-8 #first-look-sass-introduction span.nested-property, .on- slide-8 #first-look-sass-introduction #first-look-compass-introduction slide-8 #first-look-sass-introduction #first-look-compass-introduction span.nested-property, #first-look-compass-introduction .on-slide-9 #first-look- span.nested-property, #first-look-compass-introduction .on-slide-9 #first-look- sass-introduction span.sass-variables, .on-slide-9 #first-look-sass-introduction sass-introduction span.sass-variables, .on-slide-9 #first-look-sass-introduction #first-look-compass-introduction span.sass-variables, #first-look-compass- #first-look-compass-introduction span.sass-variables, #first-look-compass- introduction .on-slide-10 #first-look-sass-introduction span.nested-selector { introduction .on-slide-10 #first-look-sass-introduction span.nested-selector { color: red; color: red; background-color: #ffff66; background-color: #ffff66; text-shadow: red 0px 0px 1px; } text-shadow: red 0px 0px 1px; } 生命應該浪費在美好事物上! 生命應該浪費在美好事物上! @include on-slide-hide(8, all) @include on-slide-hide(8, all) @include on-slide-hide(9, 2) @include on-slide-hide(9, 2) @include focus-on-slide(9, "span.sass-brackets" "span.sass-semicolon" @include focus-on-slide(9, "span.sass-brackets" "span.sass-semicolon" "span.nested-property") "span.nested-property") @include on-slide-show(10, last) @include on-slide-show(10, last) +focus-on-slide(10, "span.sass-variables") +focus-on-slide(10, "span.sass-variables")