總算是把部落格的東西全部丟到 AWS 上面了。原本以為會很順利的申請到 EC2 的,結果因為電話認證人品問題搞了三天才請 SDpower
[http://blog.sd.idv.tw/] 幫我搞定。果真申請 Amazon Web Services 人品都要很好(喂)。
總結來說,AWS 申請算是很無腦的,只是有些地方需要仔細看一下,大抵上照著 Hank 的書
[http://www.books.com.tw/exep/
俗話說得好,事不過三,所以大抵上寫到 Part 3 就沒有什麼好說得了(揍飛)。其實 @mixin 的概念並不困難,他是很單純的可以當作是一個函式來用,也可以用
@include 來引入。而,使用 @include 引入的方式跟 @extend 與 Nested @import 其實很類似。
依照慣例,範例先上。
產出結果比較:
請注意輸出結果,基本上 Nested @import 跟 @mixin 的
有了一點概念之後,接下來看的地方是嵌套(Nested)的部份。為什麼不講一些比較特殊的地方?因為那些不過就是一些花招而已(無誤),樣式的基本撰寫才是核心所在。而嵌套的作法由於會影響到
CSS 的樣式權重的關係,所以必須要特別留意撰寫的方式。
首先我們知道,可以用兩種方式來嵌套樣式:
* @import 可以從外部引入 sass 檔案,也可以做樣式內部嵌套(Nexted @import)
* @extend 直接引用已設定的樣式規則。
照慣例,範例先上,菜待會再說。
我們這邊需要兩個檔案,一個叫做 _import.sass,另一個叫做
_extend.sass,
工欲善其事,必先利其器!如果你對 CSS 的基礎還不甚了解,請先把基礎打好再來(認真(無誤)。關於什麼叫做 SASS 的,請上網 Google 或是參考我之前
寫的文章 [https://blog.hinablue.me/entry/css-note-sass-strike-say-a-sexy-styling-strike],或是參考我的
投影片 [http://sass.hinablue.me](請用 Chrome 開啟)。
首先,對於已經開發的 CSS
我好像每過一段時間都會來回顧一下。這次當然就是因為 40D
一去不復返的關係(送修測試中,目前還不知道到底是哪裡出問題)。然後,送走數位機身之後,回過頭來才發現我的底片好像也不少(扣掉冰箱的還有 2x
卷吧,其實也不多,其實)。然後 LC-A+,Diana F+,TLR 135 玩具相機,然後其實冰箱裡面有 Canon PowerShot G1
這台老大哥,然後 EOS 3 這樣。
也沒有很多,其實。
我還想去收