gaspanik

// npm install gulp gulp-ruby-sass gulp-minify-css gulp-rename --save-dev

var gulp = require('gulp')
,	sass = require('gulp-ruby-sass')
,	minifycss = require('gulp-minify-css')
,	rename = require('gulp-rename');

gulp.task('styles', function() {
	return gulp.src('stylesheets/*.scss')
		.pipe(sass({ style: 'expanded' }))

gaspanik

Installed packages.

Sublime Text 2 にインストールしているパッケージ（enable/disable 含）。

• AdvancedNewFile
• AndyJS2
• AndyPHP
• AngularJS
• ApacheConf.tmLanguage
• Auto Semi-Colon

gaspanik

Sass & SCSS Resources

気が向いたのでまとめてみた。でも、ボクはLESS派（謎）。

• Sass: Syntactically Awesome Style Sheets

---

Recipes, Mixins, Functions

gaspanik

# /etc/nginx/conf.d/00_elastic_beanstalk_proxy.conf

gzip on;
gzip_vary on;
gzip_min_length 1000;
gzip_proxied any;
gzip_types text/plain text/html text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

gaspanik

{
   "displayItems": 30,
   "projectTypes": [
      {
         "projectType": "grunt",
         "nameRegex": "['\"]name['\"]\\s*:\\s*['\"](.*?)['\"]\\s*,\\s*$",
         "settingsFile": "package.json",
         "image": "grunt.png",
         "keyFile": "package.json",
         "projectRootRelativeToKeyFile": null,

gaspanik

server {
	
	listen 80;
	# set your hostname
	server_name your_hostname;

	client_max_body_size 10M;

	location ~ ^/assets/(img|js|css|fonts)/  {
		# set your path

gaspanik

<snippet>
  <content><![CDATA[ul.nav.nav-tabs.nav-justified
	li.active: a(href="#tab-a", data-toggle="tab") Tab A
	li: a(href="#tab-b", data-toggle="tab") Tab B
	li: a(href="#tab-c", data-toggle="tab") Tab C
	li: a(href="#tab-d", data-toggle="tab") Tab D
div.tab-content
	div.tab-pane.active#tab-a
		h4 Heading A
		p Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

gaspanik

<snippet>
  <content><![CDATA[<ul class="nav nav-tabs nav-justified">
  <li class="active"><a href="#tab-a" data-toggle="tab">Tab A</a></li>
  <li><a href="#tab-b" data-toggle="tab">Tab B</a></li>
  <li><a href="#tab-c" data-toggle="tab">Tab C</a></li>
  <li><a href="#tab-d" data-toggle="tab">Tab D</a></li>
</ul>
<div class="tab-content">
  <div id="tab-a" class="tab-pane active">
    <h4>Heading A</h4>

gaspanik

{
   "displayItems": 50,
   "projectTypes": [
      {
         "projectType": "grunt",
         "nameRegex": "['\"]name['\"]\\s*:\\s*['\"](.*?)['\"]\\s*,\\s*$",
         "settingsFile": "package.json",
         "image": "grunt.png",
         "keyFile": "package.json",
         "projectRootRelativeToKeyFile": null,

gaspanik

{
  "name": "project-name",
  "version": "0.0.1",
  "description": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
  "main": "index.html"
}