Skip to content

Instantly share code, notes, and snippets.

@Tenderfeel
Last active January 7, 2016 07:41
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save Tenderfeel/7351822 to your computer and use it in GitHub Desktop.
Save Tenderfeel/7351822 to your computer and use it in GitHub Desktop.
Compass Configurable Variables
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
// Compass Configurable Variables
//
// Compassのmixinとかのオプション
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--
//
// # Compass Cross-Browser Support Configuration
// http://compass-style.org/reference/compass/support/
//
// `$legacy-support-for-ie` --- IE6&IE7用のhackを使うならtrue.初期値はfalse
// `$legacy-support-for-ie6` -- IE6用のhackを使うならtrue.初期値は`$legacy-support-for-ie`
// `$legacy-support-for-ie7` -- IE7用のhackを使うならtrue.初期値は`$legacy-support-for-ie`
// `$legacy-support-for-ie8` -- IE8用のhackを使うならtrue.初期値は`$legacy-support-for-ie`
// `$legacy-support-for-mozilla` -- Firefox 3.6またはそれ以前のバージョンのサポートをするかどうか
//
$legacy-support-for-ie: false;
$legacy-support-for-ie6: $legacy-support-for-ie;
$legacy-support-for-ie7: $legacy-support-for-ie;
$legacy-support-for-ie8: $legacy-support-for-ie;
$legacy-support-for-mozilla: false;
//- - - - - - - - - - - - - - - - - -
// ## experimental mixin
// http://compass-style.org/reference/compass/css3/shared/
//
// `$experimental-support-for-khtml` ------ -khtmlのサポート
// `$experimental-support-for-microsoft` -- -msのサポート
// `$experimental-support-for-mozilla` ---- -mozのサポート
// `$experimental-support-for-opera` ------ -oのサポート
// `$experimental-support-for-pie` -------- -pieのサポート
// `$experimental-support-for-svg` -------- CSS3プロパティでSVGをサポートする
// `$experimental-support-for-webkit` ----- -webkitのサポート
//
$experimental-support-for-khtml:false;
$experimental-support-for-microsoft:false;
$experimental-support-for-mozilla: false;
$experimental-support-for-opera:false;
$experimental-support-for-pie: false;
$experimental-support-for-svg: false;
$experimental-support-for-webkit: true;
//- - - - - - - - - - - - - - - - - -
// ## gradient
//
// `$support-for-original-webkit-gradients:` -- webkit独自のgradient構文に対応する
//
$support-for-original-webkit-gradients: true;
//- - - - - - - - - - - - - - - - - -
// # Background & Border
//
// `$default-background-clip` ---- background-clip mixinの初期値
// http://compass-style.org/reference/compass/css3/background_clip/
//
// `$default-background-origin` -- background-origin mixinの初期値
// http://compass-style.org/reference/compass/css3/background_origin/
//
$default-background-clip: border-box;
$default-background-origin: content-box;
// `$default-background-size` -- background-size mixinの初期値
// http://compass-style.org/reference/compass/css3/background_size/
//
$default-background-size: 100% auto;
// `$default-border-radius` -- border-radius mixinの初期値
// http://compass-style.org/reference/compass/css3/border_radius/
//
$default-border-radius: 5px;
//- - - - - - - - - - - - - - - - - -
// # Flexible Box
// http://compass-style.org/reference/compass/css3/box/
//
// `$default-box-orient` --------- default box-orient
// `$default-box-align` ---------- default box-align
// `$default-box-flex` ----------- default box flex
// `$default-box-flex-group` ----- default flex group
// `$default-box-ordinal-group` -- default ordinal group
// `$default-box-direction` ------ Box direction default value
// `$default-box-lines` ---------- default for box lines
// `$default-box-pack` ----------- default for box pack
//
$default-box-orient: horizontal;
$default-box-align: stretch;
$default-box-flex: 0;
$default-box-flex-group: 1;
$default-box-ordinal-group: 1;
$default-box-direction: normal;
$default-box-lines: single;
$default-box-pack: start;
//- - - - - - - - - - - - - - - - - -
// # Box Shadow
// http://compass-style.org/reference/compass/css3/box_shadow/
//
// `$default-box-shadow-color` ----- The default color for box shadows
// `$default-box-shadow-h-offset` -- The default horizontal offset. Positive is to the right.
// `$default-box-shadow-v-offset` -- The default vertical offset. Positive is down.
// `$default-box-shadow-blur` ------ The default blur length.
// `$default-box-shadow-spread` ---- The default spread length.
// `$default-box-shadow-inset` ----- The default shadow inset: inset or false (for standard shadow).
//
$default-box-shadow-color: #000;
$default-box-shadow-h-offset: 2px;
$default-box-shadow-v-offset: 2px;
$default-box-shadow-blur: 2px;
$default-box-shadow-spread: false;
$default-box-shadow-inset: false;
//- - - - - - - - - - - - - - - - - -
// # CSS3 Pie
// http://compass-style.org/reference/compass/css3/pie/
//
// `$pie-base-class` -- `@include pie` したときに設定した文字列がextendされる
// `$pie-default-approach` -- The default approach to using PIE.
// 'relative'(default), 'z-index' or 'none'
// `$experimental-support-for-pie` -- experimental mixinを対応させるかどうか
//
$pie-base-class:false;
$pie-default-approach:relative;
$experimental-support-for-pie:true;
//- - - - - - - - - - - - - - - - - -
// # Compass Inline Block
// http://compass-style.org/reference/compass/css3/inline_block/
//
// `$inline-block-alignment`
// none または false を指定した場合、inline-block mixinでvertical-alignプロパティを出力しなくなる。
// vertical-alignの値を設定することで初期値を変更できる。
//
$inline-block-alignment: middle;
//- - - - - - - - - - - - - - - - - -
// # Compass Text Shadow
// http://compass-style.org/reference/compass/css3/text-shadow/
//
// `$default-text-shadow-color` ----- The default color for text shadows
// `$default-text-shadow-h-offset` -- The default horizontal offset. Positive is to the right.
// `$default-text-shadow-v-offset` -- The default vertical offset. Positive is down.
// `$default-text-shadow-blur` ------ The default blur length.
// `$default-text-shadow-spread` ---- The default spread length.
//
$default-text-shadow-color: #aaaaaa;
$default-text-shadow-h-offset: 0px;
$default-text-shadow-v-offset: 0px;
$default-text-shadow-blur: 1px;
$default-text-shadow-spread: false;
//- - - - - - - - - - - - - - - - - -
// # Compass Transform
// http://compass-style.org/reference/compass/css3/transform/
//
$default-origin-x: 50%;
$default-origin-y: 50%;
$default-origin-z: 50%;
$default-scale-x: 1.25;
$default-scale-y: $default-scale-x;
$default-scale-z: $default-scale-x;
$default-rotate: 45deg;
$default-vector-x: 1;
$default-vector-y: 1;
$default-vector-z: 1;
$default-translate-x: 1em;
$default-translate-y: $default-translate-x;
$default-translate-z: $default-translate-x;
$default-skew-x: 5deg;
$default-skew-y: 5deg;
//- - - - - - - - - - - - - - - - - -
// # Compass Transition
// http://compass-style.org/reference/compass/css3/transition/
//
$default-transition-property : all;
$default-transition-duration : 1s;
$default-transition-function : false;
$default-transition-delay : false;
$transitionable-prefixed-values: transform, transform-origin;
//- - - - - - - - - - - - - - - - - -
// # Compass Grid Backgrounds
// http://compass-style.org/reference/compass/layout/grid_background/
//
$grid-background-column-color: rgba(100, 100, 225, 0.25);
$grid-background-gutter-color: rgba(0, 0, 0, 0);
$grid-background-total-columns: 24;
$grid-background-column-width: 30px;
$grid-background-gutter-width: 10px;
$grid-background-offset: 0px;
$grid-background-baseline-color: rgba(0, 0, 0, 0.5);
$grid-background-baseline-height: 1.5em;
$show-column-grid-backgrounds: true;
$show-baseline-grid-backgrounds: true;
$show-grid-backgrounds: true;
$grid-background-force-fluid: false;
//- - - - - - - - - - - - - - - - - -
// # Compass Color Contrast
// http://compass-style.org/reference/compass/utilities/color/contrast/
//
$contrasted-dark-default: black;
$contrasted-light-default: white;
$contrasted-lightness-threshold: 30%;
//- - - - - - - - - - - - - - - - - -
// # Compass Hacks
// http://compass-style.org/reference/compass/utilities/general/hacks/
//
$default-has-layout-approach: zoom;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment