Last active
January 7, 2016 07:41
-
-
Save Tenderfeel/7351822 to your computer and use it in GitHub Desktop.
Compass Configurable Variables
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*--*-- | |
// 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