$ compass compile --environment production && compass compile
Afterwards you will have both the minified and non-minified versions in your output folder. Note that compass clean
will not clean up your minified files.
import Controller from '@ember/controller'; | |
export default class ApplicationController extends Controller { | |
appName = 'Ember Twiddle'; | |
} |
@import "compass/utilities/sprites/base"; | |
// General Sprite Defaults | |
// You can override them before you import this file. | |
$icon-sprite-base-class: ".icon-sprite" !default; | |
$icon-sprite-dimensions: false !default; | |
$icon-position: 0% !default; | |
$icon-spacing: 0 !default; | |
$icon-repeat: no-repeat !default; |
@import "compass/utilities/sprites/base"; | |
// General Sprite Defaults | |
// You can override them before you import this file. | |
$emblem-sprite-base-class: ".emblem-sprite" !default; | |
$emblem-sprite-dimensions: false !default; | |
$emblem-position: 0% !default; | |
$emblem-spacing: 0 !default; | |
$emblem-repeat: no-repeat !default; |
$ compass compile --environment production && compass compile
Afterwards you will have both the minified and non-minified versions in your output folder. Note that compass clean
will not clean up your minified files.
@import "compass/utilities/general/clearfix"; | |
$gutter-width: 10px; // All grids systems have the same gutter width | |
$float-direction: left; | |
$left-gutter-width: ceil($gutter-width / 2) !default; | |
$right-gutter-width: $gutter-width - $left-gutter-width !default; | |
$base-line-height: 21px; | |
$show-grid-background: false; | |
@mixin centered { |
import { something, defined, TypeGuard, FunctionCall0, FunctionCall1, FunctionCall2, FunctionCall3, FunctionCall4 } from "./UtilityTypes"; | |
import { isObject, whatever } from "./index"; | |
/** | |
* Maybe.ts - A TypeScript implementation of the Maybe Monad. | |
* ========================================================== | |
* | |
* Usually a Maybe is strong type with methods, but that approach, I felt, | |
* would lead to poor performance characteristics and also not take full | |
* advantage of TypeScript's specific approach to types using type guards. |
// Clearing floats without extra markup | |
// Based on How To Clear Floats Without Structural Markup by PiE | |
// [http://www.positioniseverything.net/easyclearing.html] | |
// From the official sass documentation. | |
=clearfix | |
display: inline-block | |
&:after | |
content: "." | |
display: block | |
height: 0 |
This gist is no longer valid. Please see Compass-Rails for instructions on how to install.
// Mixins --------------------------------------------------------------- | |
=placeholder | |
&::-webkit-input-placeholder | |
@children | |
&:-moz-placeholder | |
@children | |
&.placeholder | |
@children |
$module-placeholders-defined: false !default; | |
@mixin module-placeholders { | |
@if not $module-placeholders-defined { | |
$module-placeholders-defined: true; | |
%module-object { color: red; } | |
%module-object:hover { color: blue; } | |
} | |
} | |
@include module-placeholders; |