狠狠撸

建立 Sass 環境，透過 Node sass

nav {
ul {
margin: 0;
padding: 0;
list-style: none;
}
li { display: inline-block; }
a {
display: block;
padding: 6px 12px;
text-decoration: none;
}
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
}
nav a {
display: block;
padding: 6px 12px;
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%;
}
>

? ?
<%- contents %>
<%- include %>

---
title:
layout: ./source/layout.ejs
engine: ejs
---
<p> </p>
<div>
<%- contents %>
</div>
<div>
<p> </p>
</div>

---
title:
layout: ./source/layout.ejs
engine: 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'
}

狠狠撸

建立 Sass 環境，透過 Node sass

Recommended

More Related Content

Viewers also liked (9)

More from Chih-cheng Wang (6)

建立 Sass 環境，透過 Node sass