http://sass-lang.com/
Preprocessing
CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty goodies that make writing CSS fun again.
Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your web site.
The most direct way to make this happen is in your terminal. Once Sass is installed, you can run sass input.scss output.css from your terminal. You can watch either individual files or entire directories. In addition, you can watch folders or directories with the --watch flag. An example of running Sass while watching an entire directory is the following:
Variables
Think of variables as a way to store information that you want to reuse throughout your stylesheet. You can store things like colors, font stacks, or any CSS value you think you'll want to reuse. Sass uses the $ symbol to make something a variable. Here's an example:
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}
การเชื่อมให้ใช้ @ เชื่อม เข้าไปใน แต่ละ folder จะต้องใช้ js เป็นตัวเชื่อม ยกตัวอย่างเช่น aaa.js
@media
@import
@mixnin
SASS-SCSS
Moderator: mindphp
- chornma
- PHP Sr. Member
- โพสต์: 74
- ลงทะเบียนเมื่อ: 04/07/2013 12:48 am
- ติดต่อ:
-
- Similar Topics
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
- 0 ตอบกลับ
- 970 แสดง
-
โพสต์ล่าสุด โดย M030
10/09/2015 6:38 pm
-
- 0 ตอบกลับ
- 1113 แสดง
-
โพสต์ล่าสุด โดย thatsawan
23/01/2015 2:31 pm
-
-
โพสต์ใหม่ ทำความรู้จักกับ scss (เอสซีเอสเอส)
โดย บัวบุญ จันทะโคตร » 28/06/2017 3:09 pm » ใน HTML CSS - 0 ตอบกลับ
- 2086 แสดง
-
โพสต์ล่าสุด โดย บัวบุญ จันทะโคตร
28/06/2017 3:09 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 57