這一期我們繼續完成我們的網格布局
通過乙個 # 佔位符，來減少**輸出量。
#container
padding-right: 15px
padding-left: 15px
margin-right: auto
margin-left: auto
.container
width: 100%
@extend #container
@media screen and (min-width: $media-size-1)
max-width: $media-size-box-1
@media screen and (min-width: $media-size-2)
max-width: $media-size-box-2
@media screen and (min-width: $media-size-3)
max-width: $media-size-box-3
@media screen and (min-width: $media-size-4)
max-width: $media-size-box-4
&-fluid
width: 100%
@extend #container
.fa-gird
+clearfix
@for $i from 1 through 12
.is-#
+column($i/12)
@for $j from 1 through 12
&.offset-#
margin-left: percentage($j / 12)
&.span
@for $i from 1 through 12
.is-#
+span($i/12)
而主軸對齊方式用到了 tyuio 幾個字母，u 在中間所以代表居中，t 左邊，o 右邊，tuo 代表元素之間有間隔，yui 代表開始結束的也有間隔。副軸的我就沒有繼續新增了。
.fl-gird
display: flex
flex-wrap: wrap
&.row
flex-wrap: no-wrap
&.kj
flex-direction: row-reverse
&.jn
flex-direction: column
&.nj
flex-direction: column-reverse
&.ujustify-content: center
&.tjustify-content: flex-start
&.ojustify-content: flex-right
&.tuo
justify-content: space-between
&.yui
justify-content: space-around
@for $i from 1 through 12
.is-#
width: percentage($i / 12)
@for $j from 1 through 12
&.offset-#
margin-left: percentage($j / 12)
// 響應式
@for $i from 1 through 12
.fa-gird .is-media1-#,
.fl-gird .is-media1-#
+media1
width: percentage($i / 12)
.fa-gird .is-media2-#,
.fl-gird .is-media2-#
+media2
width: percentage($i / 12)
.fa-gird .is-media3-#,
.fl-gird .is-media3-#
+media3
width: percentage($i / 12)
.fa-gird .is-media4-#,
.fl-gird .is-media4-#
+media4
width: percentage($i / 12)
開發乙個自己的 CSS 框架（二）
這一期我們來新增按鈕的圖示，與常用的附加類，附加類指的是修改文字顏色 背景顏色，邊框等等。修改 src button.sass 給圖示與文字之間新增一些間距。圖示相容 btn i.icon display inline block width 9rem right padding left 5rem...
如何封裝乙個自己的mvc框架（五）
這一節 我們的框架需要完善一項功能，那就是日誌功能，通過檢視日誌我們可以檢視之前操作的控制器 首先我們需要建立乙個日誌類 需要有一下幾個步驟 1.確定日誌儲存方式 2.寫日誌 namespace core lib use core lib config class log 呼叫儲存驅動儲存日誌檔案 ...
架構漫談 自己開發乙個Log框架
在日常開發中我們常常都會用到寫日誌的功能,現在網上的寫log的框架有很多,但是對於我個人而言,過於龐大 我們往往只為了使用框架中的某乙個功能就不得不引用整個框架。所以,我們今天就來自己動手開發乙個自己的log框架。我們在專案中一般都會把日誌存到檔案 系統日誌 資料庫這個三個地方。所以,作為乙個log...