Modular & Maintainable CSS with Sass and Compass
去年我專注於
-
Responsive web Design(RWD)
- Compass/Sass
.menu{width: 33%;}
@media only screen and (max-width: 768px){
.menu{ width : 50%;}
}
@media only screen and (max-width: 480px) {
.menu{ width : 100%;}
}
Sass
CSS
CSS
.header
h1
..
a
..
.menu
..
a
..
.header {}
.header h1{}
.header h1 a{}
.header .menu{}
.header .menu a{}
Scss
CSS
CSS
.header{
color:red;
h1{
....
a{
..
}
}
}
.header {}
.header h1{}
.header h1 a{}
SASS
.header
h1
..
a
..
.menu
..
a
..
設計於Sass上的Framework
Susy
Responsive grids for Compass.
bourbon
A simple and lightweight mixin
library for Sass.
高雄前端社群
讓南部的網頁設計師
有一個交流的場所與管道