Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid-framework.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid-framework.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid-framework.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid-framework.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,81 @@ +// Framework grid generation +// +// Used only by Bootstrap to generate the correct number of grid classes given +// any value of `$grid-columns`. + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") { + @for $i from (1 + 1) through $grid-columns { + $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}"; + } + #{$list} { + position: relative; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: ($grid-gutter-width / 2); + padding-right: ($grid-gutter-width / 2); + } +} + + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") { + @for $i from (1 + 1) through $grid-columns { + $list: "#{$list}, .col-#{$class}-#{$i}"; + } + #{$list} { + float: left; + } +} + + +@mixin calc-grid-column($index, $class, $type) { + @if ($type == width) and ($index > 0) { + .col-#{$class}-#{$index} { + width: percentage(($index / $grid-columns)); + } + } + @if ($type == push) and ($index > 0) { + .col-#{$class}-push-#{$index} { + left: percentage(($index / $grid-columns)); + } + } + @if ($type == push) and ($index == 0) { + .col-#{$class}-push-0 { + left: auto; + } + } + @if ($type == pull) and ($index > 0) { + .col-#{$class}-pull-#{$index} { + right: percentage(($index / $grid-columns)); + } + } + @if ($type == pull) and ($index == 0) { + .col-#{$class}-pull-0 { + right: auto; + } + } + @if ($type == offset) { + .col-#{$class}-offset-#{$index} { + margin-left: percentage(($index / $grid-columns)); + } + } +} + +// [converter] This is defined recursively in LESS, but Sass supports real loops +@mixin loop-grid-columns($columns, $class, $type) { + @for $i from 0 through $columns { + @include calc-grid-column($i, $class, $type); + } +} + + +// Create grid for specific class +@mixin make-grid($class) { + @include float-grid-columns($class); + @include loop-grid-columns($grid-columns, $class, width); + @include loop-grid-columns($grid-columns, $class, pull); + @include loop-grid-columns($grid-columns, $class, push); + @include loop-grid-columns($grid-columns, $class, offset); +}
Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid-framework.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,122 @@ +// Grid system +// +// Generate semantic grid columns with these mixins. + +// Centered container element +@mixin container-fixed($gutter: $grid-gutter-width) { + margin-right: auto; + margin-left: auto; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + @include clearfix(); +} + +// Creates a wrapper for a series of columns +@mixin make-row($gutter: $grid-gutter-width) { + margin-left: ($gutter / -2); + margin-right: ($gutter / -2); + @include clearfix(); +} + +// Generate the extra small columns +@mixin make-xs-column($columns, $gutter: $grid-gutter-width) { + position: relative; + float: left; + width: percentage(($columns / $grid-columns)); + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); +} +@mixin make-xs-column-offset($columns) { + margin-left: percentage(($columns / $grid-columns)); +} +@mixin make-xs-column-push($columns) { + left: percentage(($columns / $grid-columns)); +} +@mixin make-xs-column-pull($columns) { + right: percentage(($columns / $grid-columns)); +} + +// Generate the small columns +@mixin make-sm-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-sm-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-offset($columns) { + @media (min-width: $screen-sm-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-push($columns) { + @media (min-width: $screen-sm-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-sm-column-pull($columns) { + @media (min-width: $screen-sm-min) { + right: percentage(($columns / $grid-columns)); + } +} + +// Generate the medium columns +@mixin make-md-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-md-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-offset($columns) { + @media (min-width: $screen-md-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-push($columns) { + @media (min-width: $screen-md-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-md-column-pull($columns) { + @media (min-width: $screen-md-min) { + right: percentage(($columns / $grid-columns)); + } +} + +// Generate the large columns +@mixin make-lg-column($columns, $gutter: $grid-gutter-width) { + position: relative; + min-height: 1px; + padding-left: ($gutter / 2); + padding-right: ($gutter / 2); + + @media (min-width: $screen-lg-min) { + float: left; + width: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-offset($columns) { + @media (min-width: $screen-lg-min) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-push($columns) { + @media (min-width: $screen-lg-min) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-lg-column-pull($columns) { + @media (min-width: $screen-lg-min) { + right: percentage(($columns / $grid-columns)); + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_grid.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_hide-text.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_hide-text.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_hide-text.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_hide-text.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,21 @@ +// CSS image replacement +// +// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for +// mixins being reused as classes with the same name, this doesn't hold up. As +// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. +// +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 + +// Deprecated as of v3.0.1 (will be removed in v4) +@mixin hide-text() { + font: #{0/0} a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +// New mixin to use as of v3.0.1 +@mixin text-hide() { + @include hide-text(); +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_hide-text.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_image.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_image.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_image.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_image.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,34 @@ +// Image Mixins +// - Responsive image +// - Retina image + + +// Responsive image +// +// Keep images from scaling beyond the width of their parents. +@mixin img-responsive($display: block) { + display: $display; + width: 100% \9; // Force IE10 and below to size SVG images correctly + max-width: 100%; // Part 1: Set a maximum relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching +} + + +// Retina image +// +// Short retina mixin for setting background-image and -size. Note that the +// spelling of `min--moz-device-pixel-ratio` is intentional. +@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { + background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}")); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}")); + background-size: $width-1x $height-1x; + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_image.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_labels.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_labels.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_labels.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_labels.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,12 @@ +// Labels + +@mixin label-variant($color) { + background-color: $color; + + &[href] { + &:hover, + &:focus { + background-color: darken($color, 10%); + } + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_labels.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_list-group.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_list-group.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_list-group.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_list-group.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,31 @@ +// List Groups + +@mixin list-group-item-variant($state, $background, $color) { + .list-group-item-#{$state} { + color: $color; + background-color: $background; + + // [converter] extracted a& to a.list-group-item-#{$state} + } + + a.list-group-item-#{$state} { + color: $color; + + .list-group-item-heading { + color: inherit; + } + + &:hover, + &:focus { + color: $color; + background-color: darken($background, 5%); + } + &.active, + &.active:hover, + &.active:focus { + color: #fff; + background-color: $color; + border-color: $color; + } + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_list-group.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-divider.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-divider.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-divider.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-divider.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,10 @@ +// Horizontal dividers +// +// Dividers (basically an hr) within dropdowns and nav lists + +@mixin nav-divider($color: #e5e5e5) { + height: 1px; + margin: (($line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: $color; +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-divider.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-vertical-align.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-vertical-align.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-vertical-align.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-vertical-align.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,9 @@ +// Navbar vertical align +// +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. + +@mixin navbar-vertical-align($element-height) { + margin-top: (($navbar-height - $element-height) / 2); + margin-bottom: (($navbar-height - $element-height) / 2); +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_nav-vertical-align.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_opacity.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_opacity.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_opacity.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_opacity.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,8 @@ +// Opacity + +@mixin opacity($opacity) { + opacity: $opacity; + // IE8 filter + $opacity-ie: ($opacity * 100); + filter: #{alpha(opacity=$opacity-ie)}; +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_opacity.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_pagination.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_pagination.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_pagination.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_pagination.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,23 @@ +// Pagination + +@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) { + > li { + > a, + > span { + padding: $padding-vertical $padding-horizontal; + font-size: $font-size; + } + &:first-child { + > a, + > span { + @include border-left-radius($border-radius); + } + } + &:last-child { + > a, + > span { + @include border-right-radius($border-radius); + } + } + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_pagination.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_panels.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_panels.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_panels.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_panels.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,24 @@ +// Panels + +@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) { + border-color: $border; + + & > .panel-heading { + color: $heading-text-color; + background-color: $heading-bg-color; + border-color: $heading-border; + + + .panel-collapse > .panel-body { + border-top-color: $border; + } + .badge { + color: $heading-bg-color; + background-color: $heading-text-color; + } + } + & > .panel-footer { + + .panel-collapse > .panel-body { + border-bottom-color: $border; + } + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_panels.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_progress-bar.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_progress-bar.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_progress-bar.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_progress-bar.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,10 @@ +// Progress bars + +@mixin progress-bar-variant($color) { + background-color: $color; + + // Deprecated parent class requirement as of v3.2.0 + .progress-striped & { + @include gradient-striped(); + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_progress-bar.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_reset-filter.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_reset-filter.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_reset-filter.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_reset-filter.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,8 @@ +// Reset filters for IE +// +// When you need to remove a gradient background, do not forget to use this to reset +// the IE filter for IE9 and below. + +@mixin reset-filter() { + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_reset-filter.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_resize.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_resize.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_resize.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_resize.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,6 @@ +// Resize anything + +@mixin resizable($direction) { + resize: $direction; // Options: horizontal, vertical, both + overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_resize.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_responsive-visibility.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_responsive-visibility.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_responsive-visibility.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_responsive-visibility.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,21 @@ +// Responsive utilities + +// +// More easily include all the states for responsive-utilities.less. +// [converter] $parent hack +@mixin responsive-visibility($parent) { + #{$parent} { + display: block !important; + } + table#{$parent} { display: table; } + tr#{$parent} { display: table-row !important; } + th#{$parent}, + td#{$parent} { display: table-cell !important; } +} + +// [converter] $parent hack +@mixin responsive-invisibility($parent) { + #{$parent} { + display: none !important; + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_responsive-visibility.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_size.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_size.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_size.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_size.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,10 @@ +// Sizing shortcuts + +@mixin size($width, $height) { + width: $width; + height: $height; +} + +@mixin square($size) { + @include size($size, $size); +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_size.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_tab-focus.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_tab-focus.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_tab-focus.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_tab-focus.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,9 @@ +// WebKit-style focus + +@mixin tab-focus() { + // Default + outline: thin dotted; + // WebKit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_tab-focus.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_table-row.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_table-row.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_table-row.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_table-row.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,28 @@ +// Tables + +@mixin table-row-variant($state, $background) { + // Exact selectors below required to override `.table-striped` and prevent + // inheritance to nested tables. + .table > thead > tr, + .table > tbody > tr, + .table > tfoot > tr { + > td.#{$state}, + > th.#{$state}, + &.#{$state} > td, + &.#{$state} > th { + background-color: $background; + } + } + + // Hover states for `.table-hover` + // Note: this is not available for cells or rows within `thead` or `tfoot`. + .table-hover > tbody > tr { + > td.#{$state}:hover, + > th.#{$state}:hover, + &.#{$state}:hover > td, + &:hover > .#{$state}, + &.#{$state}:hover > th { + background-color: darken($background, 5%); + } + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_table-row.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-emphasis.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-emphasis.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-emphasis.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-emphasis.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,11 @@ +// Typography + +// [converter] $parent hack +@mixin text-emphasis-variant($parent, $color) { + #{$parent} { + color: $color; + } + a#{$parent}:hover { + color: darken($color, 10%); + } +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-emphasis.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-overflow.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-overflow.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-overflow.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-overflow.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,8 @@ +// Text overflow +// Requires inline-block or block for proper styling + +@mixin text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_text-overflow.scss ------------------------------------------------------------------------------ svn:executable = * Added: incubator/ignite/site/trunk/scss/bootstrap/mixins/_vendor-prefixes.scss URL: http://svn.apache.org/viewvc/incubator/ignite/site/trunk/scss/bootstrap/mixins/_vendor-prefixes.scss?rev=1644562&view=auto ============================================================================== --- incubator/ignite/site/trunk/scss/bootstrap/mixins/_vendor-prefixes.scss (added) +++ incubator/ignite/site/trunk/scss/bootstrap/mixins/_vendor-prefixes.scss Thu Dec 11 06:20:14 2014 @@ -0,0 +1,219 @@ +// Vendor Prefixes +// +// All vendor mixins are deprecated as of v3.2.0 due to the introduction of +// Autoprefixer in our Gruntfile. They will be removed in v4. + +// - Animations +// - Backface visibility +// - Box shadow +// - Box sizing +// - Content columns +// - Hyphens +// - Placeholder text +// - Transformations +// - Transitions +// - User Select + + +// Animations +@mixin animation($animation) { + -webkit-animation: $animation; + -o-animation: $animation; + animation: $animation; +} +@mixin animation-name($name) { + -webkit-animation-name: $name; + animation-name: $name; +} +@mixin animation-duration($duration) { + -webkit-animation-duration: $duration; + animation-duration: $duration; +} +@mixin animation-timing-function($timing-function) { + -webkit-animation-timing-function: $timing-function; + animation-timing-function: $timing-function; +} +@mixin animation-delay($delay) { + -webkit-animation-delay: $delay; + animation-delay: $delay; +} +@mixin animation-iteration-count($iteration-count) { + -webkit-animation-iteration-count: $iteration-count; + animation-iteration-count: $iteration-count; +} +@mixin animation-direction($direction) { + -webkit-animation-direction: $direction; + animation-direction: $direction; +} +@mixin animation-fill-mode($fill-mode) { + -webkit-animation-fill-mode: $fill-mode; + animation-fill-mode: $fill-mode; +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden` + +@mixin backface-visibility($visibility){ + -webkit-backface-visibility: $visibility; + -moz-backface-visibility: $visibility; + backface-visibility: $visibility; +} + +// Drop shadows +// +// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's +// supported browsers that have box shadow capabilities now support it. + +@mixin box-shadow($shadow...) { + -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 + box-shadow: $shadow; +} + +// Box sizing +@mixin box-sizing($boxmodel) { + -webkit-box-sizing: $boxmodel; + -moz-box-sizing: $boxmodel; + box-sizing: $boxmodel; +} + +// CSS3 Content Columns +@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { + -webkit-column-count: $column-count; + -moz-column-count: $column-count; + column-count: $column-count; + -webkit-column-gap: $column-gap; + -moz-column-gap: $column-gap; + column-gap: $column-gap; +} + +// Optional hyphenation +@mixin hyphens($mode: auto) { + word-wrap: break-word; + -webkit-hyphens: $mode; + -moz-hyphens: $mode; + -ms-hyphens: $mode; // IE10+ + -o-hyphens: $mode; + hyphens: $mode; +} + +// Placeholder text +@mixin placeholder($color: $input-color-placeholder) { + &::-moz-placeholder { color: $color; // Firefox + opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526 + &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: $color; } // Safari and Chrome +} + +// Transformations +@mixin scale($ratio...) { + -webkit-transform: scale($ratio); + -ms-transform: scale($ratio); // IE9 only + -o-transform: scale($ratio); + transform: scale($ratio); +} + +@mixin scaleX($ratio) { + -webkit-transform: scaleX($ratio); + -ms-transform: scaleX($ratio); // IE9 only + -o-transform: scaleX($ratio); + transform: scaleX($ratio); +} +@mixin scaleY($ratio) { + -webkit-transform: scaleY($ratio); + -ms-transform: scaleY($ratio); // IE9 only + -o-transform: scaleY($ratio); + transform: scaleY($ratio); +} +@mixin skew($x, $y) { + -webkit-transform: skewX($x) skewY($y); + -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ + -o-transform: skewX($x) skewY($y); + transform: skewX($x) skewY($y); +} +@mixin translate($x, $y) { + -webkit-transform: translate($x, $y); + -ms-transform: translate($x, $y); // IE9 only + -o-transform: translate($x, $y); + transform: translate($x, $y); +} +@mixin translate3d($x, $y, $z) { + -webkit-transform: translate3d($x, $y, $z); + transform: translate3d($x, $y, $z); +} +@mixin rotate($degrees) { + -webkit-transform: rotate($degrees); + -ms-transform: rotate($degrees); // IE9 only + -o-transform: rotate($degrees); + transform: rotate($degrees); +} +@mixin rotateX($degrees) { + -webkit-transform: rotateX($degrees); + -ms-transform: rotateX($degrees); // IE9 only + -o-transform: rotateX($degrees); + transform: rotateX($degrees); +} +@mixin rotateY($degrees) { + -webkit-transform: rotateY($degrees); + -ms-transform: rotateY($degrees); // IE9 only + -o-transform: rotateY($degrees); + transform: rotateY($degrees); +} +@mixin perspective($perspective) { + -webkit-perspective: $perspective; + -moz-perspective: $perspective; + perspective: $perspective; +} +@mixin perspective-origin($perspective) { + -webkit-perspective-origin: $perspective; + -moz-perspective-origin: $perspective; + perspective-origin: $perspective; +} +@mixin transform-origin($origin) { + -webkit-transform-origin: $origin; + -moz-transform-origin: $origin; + -ms-transform-origin: $origin; // IE9 only + transform-origin: $origin; +} + + +// Transitions + +@mixin transition($transition...) { + -webkit-transition: $transition; + -o-transition: $transition; + transition: $transition; +} +@mixin transition-property($transition-property...) { + -webkit-transition-property: $transition-property; + transition-property: $transition-property; +} +@mixin transition-delay($transition-delay) { + -webkit-transition-delay: $transition-delay; + transition-delay: $transition-delay; +} +@mixin transition-duration($transition-duration...) { + -webkit-transition-duration: $transition-duration; + transition-duration: $transition-duration; +} +@mixin transition-timing-function($timing-function) { + -webkit-transition-timing-function: $timing-function; + transition-timing-function: $timing-function; +} +@mixin transition-transform($transition...) { + -webkit-transition: -webkit-transform $transition; + -moz-transition: -moz-transform $transition; + -o-transition: -o-transform $transition; + transition: transform $transition; +} + + +// User select +// For selecting text on the page + +@mixin user-select($select) { + -webkit-user-select: $select; + -moz-user-select: $select; + -ms-user-select: $select; // IE10+ + user-select: $select; +} Propchange: incubator/ignite/site/trunk/scss/bootstrap/mixins/_vendor-prefixes.scss ------------------------------------------------------------------------------ svn:executable = *