建立 Sass 環境,透過 Node sass

44

Transcript of 建立 Sass 環境,透過 Node sass

nav{ul{margin:0;padding:0;list-style:none;}

li{display:inline-block;}

a{display:block;padding:6px12px;text-decoration:none;}}

navul{margin:0;padding:0;list-style:none;}

navli{display:inline-block;}

nava{display:block;padding:6px12px;text-decoration:none;}

>

.container{width:100%;}

article[role="main"]{float:left;width:600px/960px*100%;}

aside[role="complimentary"]{float:right;width:300px/960px*100%;}

.container{width:100%;}

article[role="main"]{float:left;width:62.5%;}

aside[role="complimentary"]{float:right;width:31.25%;}

>

Adobe Creative Cloud

<%=contents%>

<%=title%>

<%-contents%>

<%-include%>

---title: layout:./source/layout.ejsengine:ejs---<p> </p>

<div><%-contents%></div>

<div><p> </p></div>

<p> </p>

<div><%-includepart%></div>

<div><p> </p></div>

---title: layout:./source/layout.ejsengine:ejs---

<title><%=title%></title>

<title> </title>

/** public*/

others:['**/*.html','**/*.ejs','**/*.scss','**/*.sass','**/*.css'],

/** */

paths:{// 'source':'./source/','sass':'./source/stylesheets/','img':'./source/images/',// 'sass_output':'stylesheets/','public':'./public/',},

/**CSS,PostCSS,Sass * PostCSS autoprefixer*/

postcss:{'enabled':true,// PostCSS'output_name':'all.css',// CSS 'output_folder':'css'// CSS },sass:{'output_style':'compressed'

//sass 'nested','expanded','compact','compressed'

}