Skip to content

Instantly share code, notes, and snippets.

View zetagraph's full-sized avatar
👋

Andrei Zvonkov zetagraph

👋
View GitHub Profile

Custom Drupal 7 theme

Uses Node.js, Gulp, BrowserSync for Sass compiling, task running and Browser Syncing.

Requirements

  • Node.js - Install node.js. If you have “homebrew” - $ brew install node
  • LibSass - Install libsass - $ npm install node-sass
  • Gulp.js - Install gulp globally - $ npm install gulp -g
# Custom Drupal 7 theme
Uses Node.js, Gulp, BrowserSync for Sass compiling, task running and Browser Syncing.
## Requirements
- Node.js - Install node.js. If you have “homebrew” - $ brew install node
- LibSass - Install libsass - $ npm install node-sass
- Gulp.js - Install gulp globally - $ npm install gulp -g
@zetagraph
zetagraph / gulp-drupal-theme
Created November 15, 2014 20:09
gulp drupal theme
var gulp = require("gulp");
var sass = require("gulp-sass");
var filter = require('gulp-filter');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require("browser-sync");
var reload = browserSync.reload;
var shell = require('gulp-shell');
// sass task
gulp.task('sass', function () {
<link rel="import" href="../cool-clock/cool-clock.html">
<link rel="import" href="../google-map/google-map.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
@zetagraph
zetagraph / SassMeister-input-HTML.html
Created April 9, 2014 20:08
Generated by SassMeister.com.
<div class="container">
<div class="one"></div>
<div class="two"></div>
<div class="three"></div>
</div>
<script src="https://gist.github.com/<gist_id>.js"> </script>