View SassMeister-input.scss
// ----
// libsass (v2.0.0)
// ----
$grid-width: 40px;
$inner-width: 40px;
.foo {
@if $grid-width == $inner-width {
content: "We're equal";
View SassMeister-input-HTML.html
<!doctype html>
<head>
<title>Intro to Sass</title>
</head>
<body>
<h1 class="awesome">Look Ma</h1>
</body>
View SassMeister-input.scss
// ----
// libsass (v2.0.0)
// ----
// Original
.cal-cnt-fluid.cal-cnt, .cal-cnt-fluid table.cal-cnt {
width: 100%;
}
// Nested
View nest_selector_spec.rb
require 'spec_helper'
describe SCSSLint::Linter::NestSelector do
context 'when single root' do
let(:css) { <<-CSS }
p {
}
CSS
it { should_not report_lint }
View ie8-wet-boew.min.css
@charset "utf-8";/*!
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
* v4.0.0-rc1-development - 2014-03-06
*
*//*!
* GLYPHICONS Halflings for Twitter Bootstrap by GLYPHICONS.com | Licensed under http://www.apache.org/licenses/LICENSE-2.0
*//*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
View ie8-wet-boew2.min.js
/*!
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
* v4.0.0-rc1-development - 2014-03-04
*
*/
!function(a,b){b.getData=function(b,c){var d,e=b.jquery?b[0]:b,f=e.getAttribute("data-"+c);if(f)try{d=JSON.parse(f)}catch(g){a.error("Bad JSON array in data-"+c+" attribute")}return a.data(e,c,d),d}}(jQuery,wb),function(a){"use strict";a.jqEscape=function(a){return a.replace(/([;&,\.\+\*\~':"\!\^#$%@\[\]\(\)=>\|])/g,"\\$1")},a.normalizeDiacritics=function(a){var b,c,d={"\u24b6":"A","\uff21":"A","\xc0":"A","\xc1":"A","\xc2":"A","\u1ea6":"A","\u1ea4":"A","\u1eaa":"A","\u1ea8":"A","\xc3":"A","\u0100":"A","\u0102":"A","\u1eb0":"A","\u1eae":"A","\u1eb4":"A","\u1eb2":"A","\u0226":"A","\u01e0":"A","\xc4":"A","\u01de":"A","\u1ea2":"A","\xc5":"A","\u01fa":"A","\u01cd":"A","\u0200":"A","\u0202":"A","\u1ea0":"A","\u1eac":"A","\u1eb6":"A","\u1e00":"A","\u0104":"A","\u023a":"A","\u2c6f":"A","\ua732":"AA","\
View SassMeister-input.scss
// ----
// libsass (v0.7.0)
// ----
$gray-light: #eee;
$active-blue: #ddd;
$accent-blue: #0F0;
$gray: #ccc;
@mixin btn-overrides {
View sessiontimeout.js
/*
* Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
* wet-boew.github.io/wet-boew/License-eng.html / wet-boew.github.io/wet-boew/Licence-fra.html
*/
/*
* Session Timeout plugin
*/
/*global jQuery: false, wet_boew_sessiontimeout:false, alert:false, confirm:false */
(function ($) {
"use strict";
View 1. Setting up the build.md

Setup instructions before first build

  1. Install NodeJS
  2. Open command prompt into the project's root directory
  3. Run script/setup (or script\setup in the Windows commandline) to install the global depenencies

Running the build:

  1. Run grunt

You can find a full list of tasks and their descriptions by running grunt --help

View intro to sass.md

Introduction to Sass

Sass is a CSS pre-processor language to add on exciting, new, awesome features to CSS. Sass was the first language of its kind and by far the most mature and up to date codebase.

Sass was originally created by Hampton Catlin (@hcatlin). The extension and continuing evolution of the language has all been the result of years of work by Nathan Weizenbaum (@nex3) and Chris Eppstein (@chriseppstein).

http://sass-lang.com/

Why Sass?

  • SCSS >= CSS
  • Sass indentation based