init repo
This commit is contained in:
nikolay ivanov
122
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_background-gradient.scss
vendored
Normal file
122
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_background-gradient.scss
vendored
Normal file
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* @mixin background-gradient
|
||||
*
|
||||
* @param {Color} $background-color The background color of the gradient
|
||||
* @param {String/List} $type The type of gradient to be used. Can either be a String which is a predefined gradient, or it can
|
||||
* can be a list of color_stops. If none is set, it will still set the `background-color` to the $background-color.
|
||||
* @param {String} $direction The direction of the gradient. Can either me `top` or `left`. (defaults to `top`)
|
||||
*/
|
||||
@mixin background-gradient($bg-color, $type: $base-gradient, $direction: top) {
|
||||
background-image: none;
|
||||
background-color: $bg-color;
|
||||
|
||||
@if $base-gradient != null and $bg-color != transparent {
|
||||
//color_stops
|
||||
@if type-of($type) == "list" {
|
||||
@include background-image(linear-gradient($direction, $type));
|
||||
}
|
||||
|
||||
//default gradients
|
||||
@else if $type == bevel {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
lighten($bg-color, 15%),
|
||||
lighten($bg-color, 8%) 30%,
|
||||
$bg-color 65%,
|
||||
darken($bg-color, 6%)
|
||||
)));
|
||||
} @else if $type == glossy {
|
||||
@include background-image(linear-gradient($direction, color_stops(lighten($bg-color, 15%), lighten($bg-color, 5%) 50%, $bg-color 51%, darken($bg-color, 5%))));
|
||||
} @else if $type == recessed {
|
||||
@include background-image(linear-gradient($direction, color_stops(darken($bg-color, 10%), darken($bg-color, 5%) 10%, $bg-color 65%, lighten($bg-color, .5%))));
|
||||
} @else if $type == matte {
|
||||
@include background-image(linear-gradient($direction, color_stops(lighten($bg-color, 3%), darken($bg-color, 4%))));
|
||||
} @else if $type == matte-reverse {
|
||||
@include background-image(linear-gradient($direction, color_stops(darken($bg-color, 6%), lighten($bg-color, 4%))));
|
||||
} @else if $type == glossy-toolbar {
|
||||
@include background-image(linear-gradient($direction, color_stops(#F0F5FA, #DAE6F4 2%, #CEDDEF)));
|
||||
}
|
||||
|
||||
//ext3.3 gradients
|
||||
@else if $type == panel-header {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: -0.857deg, $saturation: -1.63%, $lightness: 3.529%),
|
||||
adjust-color($bg-color, $hue: 0.158deg, $saturation: -1.21%, $lightness: 0.392%) 45%,
|
||||
adjust-color($bg-color, $hue: 1.154deg, $saturation: 0.607%, $lightness: -7.647%) 46%,
|
||||
adjust-color($bg-color, $hue: 1.154deg, $saturation: 0.607%, $lightness: -7.647%) 50%,
|
||||
adjust-color($bg-color, $hue: 1.444deg, $saturation: -1.136%, $lightness: -4.706%) 51%,
|
||||
$bg-color
|
||||
)));
|
||||
} @else if $type == tabbar {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 0.0deg, $saturation: 1.604%, $lightness: 4.706%),
|
||||
$bg-color
|
||||
)));
|
||||
} @else if $type == tab {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 1.382deg, $saturation: -18.571%, $lightness: -4.902%),
|
||||
adjust-color($bg-color, $hue: 0.43deg, $saturation: -10.311%, $lightness: -2.157%) 25%,
|
||||
$bg-color 45%
|
||||
)));
|
||||
} @else if $type == tab-active {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: -212.903deg, $saturation: -88.571%, $lightness: 6.863%),
|
||||
adjust-color($bg-color, $hue: 0.43deg, $saturation: -6.753%, $lightness: 4.706%) 25%,
|
||||
$bg-color 45%
|
||||
)));
|
||||
} @else if $type == tab-over {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 4.462deg, $saturation: -9.524%, $lightness: -3.725%),
|
||||
adjust-color($bg-color, $hue: 2.272deg, $saturation: 0.0%, $lightness: -1.569%) 25%,
|
||||
$bg-color 45%
|
||||
)));
|
||||
} @else if $type == tab-disabled {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
$bg-color,
|
||||
adjust-color($bg-color, $hue: -0.267deg, $saturation: 18.571%, $lightness: 2.941%)
|
||||
)));
|
||||
} @else if $type == grid-header {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 0deg, $saturation: 0%, $lightness: 20.392%),
|
||||
adjust-color($bg-color, $hue: 220.0deg, $saturation: 5.66%, $lightness: 12.353%)
|
||||
)));
|
||||
} @else if $type == grid-header-over {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%),
|
||||
adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%) 39%,
|
||||
adjust-color($bg-color, $hue: 0.372deg, $saturation: 0.101%, $lightness: 10.196%) 40%,
|
||||
adjust-color($bg-color, $hue: 0.372deg, $saturation: 0.101%, $lightness: 10.196%)
|
||||
)));
|
||||
} @else if $type == grid-row-over {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
adjust-color($bg-color, $hue: 0.175deg, $saturation: 0.967%, $lightness: 14.118%),
|
||||
$bg-color
|
||||
)));
|
||||
} @else if $type == grid-cell-special {
|
||||
@include background-image(linear-gradient(left, color_stops(
|
||||
$bg-color,
|
||||
darken($bg-color, 5)
|
||||
)));
|
||||
} @else if $type == glossy-button or $type == glossy-button-disabled {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
$bg-color,
|
||||
adjust-color($bg-color, $hue: 0deg, $saturation: 0%, $lightness: -2.353%) 48%,
|
||||
adjust-color($bg-color, $hue: 0deg, $saturation: 0%, $lightness: -11.373%) 52%,
|
||||
adjust-color($bg-color, $hue: 0deg, $saturation: 0%, $lightness: -9.412%)
|
||||
)));
|
||||
} @else if $type == glossy-button-over {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
$bg-color,
|
||||
adjust-color($bg-color, $hue: 1.754deg, $saturation: 0.0%, $lightness: -2.157%) 48%,
|
||||
adjust-color($bg-color, $hue: 5.833deg, $saturation: -35.135%, $lightness: -9.216%) 52%,
|
||||
adjust-color($bg-color, $hue: 5.833deg, $saturation: -27.273%, $lightness: -7.647%)
|
||||
)));
|
||||
} @else if $type == glossy-button-pressed {
|
||||
@include background-image(linear-gradient($direction, color_stops(
|
||||
$bg-color,
|
||||
adjust-color($bg-color, $hue: -1.839deg, $saturation: -2.18%, $lightness: 2.157%) 48%,
|
||||
adjust-color($bg-color, $hue: -2.032deg, $saturation: 37.871%, $lightness: -4.706%) 52%,
|
||||
adjust-color($bg-color, $hue: -1.641deg, $saturation: 36.301%, $lightness: -2.549%)
|
||||
)));
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
*
|
||||
*/
|
||||
@mixin color-by-background($bg-color, $contrast: 70%, $default-color: null, $bevel-text: true) {
|
||||
@if ($default-color != null) {
|
||||
color: $default-color;
|
||||
} @else {
|
||||
@if (lightness($bg-color) > 40) {
|
||||
color: darken($bg-color, $contrast);
|
||||
}
|
||||
@else {
|
||||
color: lighten($bg-color, $contrast)
|
||||
}
|
||||
}
|
||||
|
||||
@if ($bevel-text != false) {
|
||||
@if (lightness($bg-color) < 40) {
|
||||
@include text-shadow(rgba(0,0,0,.5) 0 -1px 0);
|
||||
} @else {
|
||||
@include text-shadow(rgba(255,255,255,.25) 0 1px 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
205
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_frame.scss
vendored
Normal file
205
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_frame.scss
vendored
Normal file
@@ -0,0 +1,205 @@
|
||||
@mixin x-frame(
|
||||
$cls,
|
||||
$ui: null,
|
||||
$border-radius: 0px,
|
||||
$border-width: 0px,
|
||||
$padding: null,
|
||||
$background-color: null,
|
||||
$background-gradient: null,
|
||||
$table: false,
|
||||
$background-direction: top
|
||||
) {
|
||||
$cls-ui: $cls;
|
||||
@if $ui != null {
|
||||
$cls-ui: $cls + '-' + $ui;
|
||||
}
|
||||
|
||||
$vertical: false;
|
||||
@if $background-direction == left or $background-direction == right {
|
||||
$vertical: true;
|
||||
}
|
||||
|
||||
$frame-top: max(top($border-radius), right($border-radius));
|
||||
$frame-right: max(right($border-radius), bottom($border-radius));
|
||||
$frame-bottom: max(bottom($border-radius), left($border-radius));
|
||||
$frame-left: max(left($border-radius), top($border-radius));
|
||||
|
||||
$padding-top: 0;
|
||||
$padding-right: 0;
|
||||
$padding-bottom: 0;
|
||||
$padding-left: 0;
|
||||
|
||||
@if $padding == null {
|
||||
$padding-top: $frame-top - top($border-width);
|
||||
$padding-right: $frame-right - right($border-width);
|
||||
$padding-bottom: $frame-bottom - bottom($border-width);
|
||||
$padding-left: $frame-left - left($border-width);
|
||||
}
|
||||
@else {
|
||||
$padding-top: top($padding);
|
||||
$padding-right: right($padding);
|
||||
$padding-bottom: bottom($padding);
|
||||
$padding-left: left($padding);
|
||||
}
|
||||
|
||||
@if $padding-top < $frame-top {
|
||||
$padding-top: $frame-top - top($border-width);
|
||||
}
|
||||
@if $padding-right < $frame-right {
|
||||
$padding-right: $frame-right - right($border-width);
|
||||
}
|
||||
@if $padding-bottom < $frame-bottom {
|
||||
$padding-bottom: $frame-bottom - bottom($border-width);
|
||||
}
|
||||
@if $padding-left < $frame-left {
|
||||
$padding-left: $frame-left - left($border-width);
|
||||
}
|
||||
|
||||
.#{$prefix}#{$cls-ui} {
|
||||
@if $supports-border-radius {
|
||||
@if length($border-radius) == 2 {
|
||||
@include border-top-left-radius(nth($border-radius, 1));
|
||||
@include border-top-right-radius(nth($border-radius, 2));
|
||||
} @else if length($border-radius) == 3 {
|
||||
@include border-top-left-radius(nth($border-radius, 1));
|
||||
@include border-top-right-radius(nth($border-radius, 2));
|
||||
@include border-bottom-right-radius(nth($border-radius, 3));
|
||||
} @else if length($border-radius) == 4 {
|
||||
@include border-top-left-radius(nth($border-radius, 1));
|
||||
@include border-top-right-radius(nth($border-radius, 2));
|
||||
@include border-bottom-right-radius(nth($border-radius, 3));
|
||||
@include border-bottom-left-radius(nth($border-radius, 4));
|
||||
} @else {
|
||||
@include border-radius($border-radius);
|
||||
}
|
||||
}
|
||||
padding: $padding-top $padding-right $padding-bottom $padding-left;
|
||||
border-width: $border-width;
|
||||
border-style: solid;
|
||||
@if $background-color != null {
|
||||
@if $supports-gradients and $background-gradient != null {
|
||||
@include background-gradient($background-color, $background-gradient, $background-direction);
|
||||
}
|
||||
@else {
|
||||
background-color: $background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if not $supports-gradients or $compile-all {
|
||||
.#{$prefix}nlg {
|
||||
.#{$prefix}#{$cls-ui}-mc {
|
||||
@if $background-gradient != null {
|
||||
background-image: theme-background-image($theme-name, '#{$cls}/#{$cls-ui}-bg.gif', false, $relative-image-path-for-uis);
|
||||
}
|
||||
@if $background-color != null {
|
||||
background-color: $background-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if not $supports-border-radius or $compile-all {
|
||||
.#{$prefix}nbr {
|
||||
.#{$prefix}#{$cls-ui} {
|
||||
padding: 0 !important;
|
||||
border-width: 0 !important;
|
||||
@include border-radius(0px);
|
||||
@if $background-color != null {
|
||||
background-color: transparent;
|
||||
}
|
||||
@else {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
@function pad($radius) {
|
||||
$radius: boxmax($radius);
|
||||
$radius: parseint($radius);
|
||||
@if $radius > 10 {
|
||||
@return $radius;
|
||||
}
|
||||
@else {
|
||||
@return "0" + $radius;
|
||||
}
|
||||
}
|
||||
|
||||
$type: '100';
|
||||
@if $table == true {
|
||||
$type: '110';
|
||||
}
|
||||
$direction: '100';
|
||||
@if $vertical == true {
|
||||
$direction: '110';
|
||||
}
|
||||
|
||||
$left: $type + pad(top($border-radius)) + pad(right($border-radius)) + 'px';
|
||||
$top: $direction + pad(bottom($border-radius)) + pad(left($border-radius)) + 'px';
|
||||
background-position: unquote($left) unquote($top);
|
||||
}
|
||||
|
||||
.#{$prefix}#{$cls-ui}-tl,
|
||||
.#{$prefix}#{$cls-ui}-bl,
|
||||
.#{$prefix}#{$cls-ui}-tr,
|
||||
.#{$prefix}#{$cls-ui}-br,
|
||||
.#{$prefix}#{$cls-ui}-tc,
|
||||
.#{$prefix}#{$cls-ui}-bc,
|
||||
.#{$prefix}#{$cls-ui}-ml,
|
||||
.#{$prefix}#{$cls-ui}-mr {
|
||||
zoom:1;
|
||||
|
||||
@if $background-color != transparent {
|
||||
background-image: theme-background-image($theme-name, '#{$cls}/#{$cls-ui}-corners.gif', false, $relative-image-path-for-uis);
|
||||
}
|
||||
}
|
||||
|
||||
@if $vertical == true {
|
||||
.#{$prefix}#{$cls-ui}-tc,
|
||||
.#{$prefix}#{$cls-ui}-bc {
|
||||
zoom:1;
|
||||
|
||||
@if $background-color != transparent {
|
||||
background-image: theme-background-image($theme-name, '#{$cls}/#{$cls-ui}-sides.gif', false, $relative-image-path-for-uis);
|
||||
background-position: 0 0;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
.#{$prefix}#{$cls-ui}-ml,
|
||||
.#{$prefix}#{$cls-ui}-mr {
|
||||
zoom:1;
|
||||
|
||||
@if $background-color != transparent {
|
||||
background-image: theme-background-image($theme-name, '#{$cls}/#{$cls-ui}-sides.gif', false, $relative-image-path-for-uis);
|
||||
background-position: 0 0;
|
||||
@if $background-gradient == null {
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$padding-top: $padding-top - $frame-top;
|
||||
$padding-right: $padding-right - $frame-right;
|
||||
$padding-bottom: $padding-bottom - $frame-bottom;
|
||||
$padding-left: $padding-left - $frame-left;
|
||||
|
||||
|
||||
@if $padding-top < 0 {
|
||||
$padding-top: 0;
|
||||
}
|
||||
@if $padding-right < 0 {
|
||||
$padding-right: 0;
|
||||
}
|
||||
@if $padding-bottom < 0 {
|
||||
$padding-bottom: 0;
|
||||
}
|
||||
@if $padding-left < 0 {
|
||||
$padding-left: 0;
|
||||
}
|
||||
|
||||
.#{$prefix}#{$cls-ui}-mc {
|
||||
padding: $padding-top $padding-right $padding-bottom $padding-left;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
149
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_inner-border.scss
vendored
Normal file
149
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_inner-border.scss
vendored
Normal file
@@ -0,0 +1,149 @@
|
||||
@function inner-border-spread($width) {
|
||||
$top: top($width);
|
||||
$right: right($width);
|
||||
$bottom: bottom($width);
|
||||
$left: left($width);
|
||||
|
||||
@return min(($top + $bottom) / 2, ($left + $right) / 2);
|
||||
}
|
||||
|
||||
@function inner-border-hoff($width, $spread) {
|
||||
$left: left($width);
|
||||
$right: right($width);
|
||||
|
||||
@if $right <= 0 {
|
||||
@return $left - $spread;
|
||||
}
|
||||
@else {
|
||||
@return $spread - $right;
|
||||
}
|
||||
}
|
||||
|
||||
@function inner-border-voff($width, $spread) {
|
||||
$top: top($width);
|
||||
$bottom: bottom($width);
|
||||
|
||||
@if $bottom <= 0 {
|
||||
@return $top - $spread;
|
||||
}
|
||||
@else {
|
||||
@return $spread - $bottom;
|
||||
}
|
||||
}
|
||||
|
||||
@function even($number) {
|
||||
@return ceil($number / 2) == ($number / 2);
|
||||
}
|
||||
|
||||
@function odd($number) {
|
||||
@return ceil($number / 2) != ($number / 2);
|
||||
}
|
||||
|
||||
@function inner-border-usesingle-width($width) {
|
||||
$top: top($width);
|
||||
$right: right($width);
|
||||
$bottom: bottom($width);
|
||||
$left: left($width);
|
||||
|
||||
@if $top == 0 {
|
||||
@if $left + $right == 0 {
|
||||
@return true;
|
||||
}
|
||||
@if $bottom >= $left + $right {
|
||||
@return true;
|
||||
}
|
||||
}
|
||||
|
||||
@if $bottom == 0 {
|
||||
@if $left + $right == 0 {
|
||||
@return true;
|
||||
}
|
||||
@if $top >= $left + $right {
|
||||
@return true;
|
||||
}
|
||||
}
|
||||
|
||||
@if $left == 0 {
|
||||
@if $top + $bottom == 0 {
|
||||
@return true;
|
||||
}
|
||||
@if $right >= $top + $bottom {
|
||||
@return true;
|
||||
}
|
||||
}
|
||||
|
||||
@if $right == 0 {
|
||||
@if $top + $bottom == 0 {
|
||||
@return true;
|
||||
}
|
||||
@if $left >= $top + $bottom {
|
||||
@return true;
|
||||
}
|
||||
}
|
||||
|
||||
@if $top + $bottom == $left + $right and even($top) == even($bottom) and even($left) == even($right) {
|
||||
@return true;
|
||||
}
|
||||
|
||||
@return false;
|
||||
}
|
||||
|
||||
@function inner-border-usesingle-color($color) {
|
||||
$top: top($color);
|
||||
$right: right($color);
|
||||
$bottom: bottom($color);
|
||||
$left: left($color);
|
||||
|
||||
@if $top == $right == $bottom == $left {
|
||||
@return true;
|
||||
}
|
||||
|
||||
@return false;
|
||||
}
|
||||
|
||||
@function inner-border-usesingle($width, $color) {
|
||||
@if inner-border-usesingle-color($color) and inner-border-usesingle-width($width) {
|
||||
@return true;
|
||||
}
|
||||
@return false;
|
||||
}
|
||||
|
||||
@mixin inner-border($width: 1px, $color: #fff, $blur: 0px) {
|
||||
@if inner-border-usesingle($width, $color) {
|
||||
$spread: inner-border-spread($width);
|
||||
$hoff: inner-border-hoff($width, $spread);
|
||||
$voff: inner-border-voff($width, $spread);
|
||||
@include single-box-shadow($color-top, $hoff, $voff, $blur, $spread, true);
|
||||
}
|
||||
@else {
|
||||
$width-top: top($width);
|
||||
$width-right: right($width);
|
||||
$width-bottom: bottom($width);
|
||||
$width-left: left($width);
|
||||
|
||||
$color-top: top($color);
|
||||
$color-right: right($color);
|
||||
$color-bottom: bottom($color);
|
||||
$color-left: left($color);
|
||||
|
||||
$shadow-top: false;
|
||||
$shadow-right: false;
|
||||
$shadow-bottom: false;
|
||||
$shadow-left: false;
|
||||
|
||||
@if $width-top > 0 {
|
||||
$shadow-top: $color-top 0 $width-top $blur 0 inset;
|
||||
}
|
||||
@if $width-right > 0 {
|
||||
$shadow-right: $color-right (-1 * $width-right) 0 $blur 0 inset;
|
||||
}
|
||||
@if $width-bottom > 0 {
|
||||
$shadow-bottom: $color-bottom 0 (-1 * $width-bottom) $blur 0 inset;
|
||||
}
|
||||
@if $width-left > 0 {
|
||||
$shadow-left: $color-left $width-left 0 $blur 0 inset;
|
||||
}
|
||||
|
||||
@include box-shadow($shadow-top, $shadow-bottom, $shadow-right, $shadow-left);
|
||||
}
|
||||
}
|
||||
144
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss
vendored
Normal file
144
OfficeWeb/3rdparty/extjs/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss
vendored
Normal file
@@ -0,0 +1,144 @@
|
||||
@mixin extjs-reset-extras {
|
||||
.#{$prefix}border-box {
|
||||
.#{$prefix}reset {
|
||||
//tab.scss
|
||||
.#{$prefix}tab-default-top {
|
||||
height: $tab-height + top($tabbar-top-strip-border-width);
|
||||
}
|
||||
.#{$prefix}tab-default-bottom {
|
||||
height: $tab-height + bottom($tabbar-bottom-strip-border-width);
|
||||
}
|
||||
|
||||
//qtip.scss
|
||||
.#{$prefix}tip-anchor {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
//field.scss
|
||||
.#{$prefix}form-text {
|
||||
height: $form-field-height;
|
||||
}
|
||||
|
||||
textarea.#{$prefix}form-field {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.#{$prefix}field-default-toolbar .#{$prefix}form-text {
|
||||
height: $form-toolbar-field-height;
|
||||
}
|
||||
|
||||
//triggerfield.scss
|
||||
.#{$prefix}form-trigger {
|
||||
height: $form-trigger-height;
|
||||
}
|
||||
|
||||
.#{$prefix}field-default-toolbar .#{$prefix}form-trigger {
|
||||
height: $form-toolbar-trigger-height;
|
||||
}
|
||||
|
||||
//grid.scss
|
||||
@if $include-ie or $compile-all {
|
||||
&.#{$prefix}ie9 {
|
||||
.#{$prefix}grid-header-ct {
|
||||
padding-left: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.#{$prefix}webkit {
|
||||
.#{$prefix}reset {
|
||||
//form.scss
|
||||
* {
|
||||
&:focus {
|
||||
outline:none !important;
|
||||
}
|
||||
}
|
||||
|
||||
//field
|
||||
.#{$prefix}form-empty-field {
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
//fieldset
|
||||
.#{$prefix}fieldset-header {
|
||||
padding-top: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Top Tabs */
|
||||
@include tab-bar-top-reset(
|
||||
"tab-bar-top",
|
||||
"tab-bar-body",
|
||||
"tab-bar-strip",
|
||||
$tabbar-top-body-padding,
|
||||
$tabbar-top-body-border-width,
|
||||
$tabbar-top-strip-border-width,
|
||||
$tabbar-strip-height
|
||||
);
|
||||
@include tab-bar-top-reset(
|
||||
"tab-bar-top",
|
||||
"tab-bar-body-default-plain",
|
||||
"tab-bar-strip-default-plain",
|
||||
$tabbar-top-plain-body-padding,
|
||||
$tabbar-top-plain-body-border-width,
|
||||
$tabbar-top-strip-border-width,
|
||||
$tabbar-strip-height
|
||||
);
|
||||
|
||||
/* Bottom Tabs */
|
||||
@include tab-bar-bottom-reset(
|
||||
"tab-bar-bottom",
|
||||
"tab-bar-body",
|
||||
"tab-bar-strip",
|
||||
$tabbar-bottom-body-padding,
|
||||
$tabbar-bottom-body-border-width,
|
||||
$tabbar-bottom-strip-border-width,
|
||||
$tabbar-strip-height
|
||||
);
|
||||
|
||||
@include tab-bar-bottom-reset(
|
||||
"tab-bar-bottom",
|
||||
"tab-bar-body-default-plain",
|
||||
"tab-bar-strip-default-plain",
|
||||
$tabbar-bottom-plain-body-padding,
|
||||
$tabbar-bottom-plain-body-border-width,
|
||||
$tabbar-bottom-strip-border-width,
|
||||
$tabbar-strip-height
|
||||
);
|
||||
}
|
||||
|
||||
@mixin tab-bar-top-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
|
||||
.#{$prefix}border-box {
|
||||
.#{$prefix}reset {
|
||||
.#{$prefix}#{$toolbarCls} {
|
||||
.#{$prefix}#{$bodyCls} {
|
||||
height: $tab-height + vertical($body-border-width) + vertical($body-padding);
|
||||
}
|
||||
|
||||
.#{$prefix}#{$stripCls} {
|
||||
height: $strip-height;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
|
||||
.#{$prefix}border-box {
|
||||
.#{$prefix}reset {
|
||||
.#{$prefix}#{$toolbarCls} {
|
||||
.#{$prefix}#{$bodyCls} {
|
||||
height: $tab-height + vertical($body-border-width) + vertical($body-padding);
|
||||
}
|
||||
|
||||
.#{$prefix}#{$stripCls} {
|
||||
height: $strip-height;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* Method which inserts a full background-image property for a theme image.
|
||||
* It checks if the file exists and if it doesn't, it'll throw an error.
|
||||
* By default it will not include the background-image property if it is not found,
|
||||
* but this can be changed by changing the default value of $include-missing-images to
|
||||
* be true.
|
||||
*/
|
||||
@function theme-background-image($theme-name, $path, $without-url: false, $relative: false) {
|
||||
$exists_image: theme-image($theme-name, $path, true, false);
|
||||
|
||||
@if $exists_image {
|
||||
$exists: theme_image_exists($exists_image);
|
||||
|
||||
@if $exists == true {
|
||||
@return theme-image($theme-name, $path, $without-url, $relative);
|
||||
}
|
||||
@else {
|
||||
@warn "@theme-background-image: Theme image not found: #{$exists_image}";
|
||||
|
||||
@if $include-missing-images {
|
||||
@return theme-image($theme-name, $path, $without-url, $relative);
|
||||
}
|
||||
}
|
||||
}
|
||||
@else {
|
||||
@warn "@theme-background-image: No arguments passed";
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user