Current Path :
/
home
/
develito
/
httpdocs
/
plugins
/
system
/
sunfw
/
includes
/
scss
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/develito/httpdocs/plugins/system/sunfw/includes/scss/_general.scss
// Please do not touch file @import "mixins/mixins"; $brand-prefix: ".sunfw-" !default; // Page $inner-background-color : false !default; $outer-background-color : false !default; $inner-border : false !default; $text-color : false !default; $content-font-type : false !default; $content-standard-font-family : false !default; $content-google-font-family : false !default; $content-google-font-variant: false !default; $content-google-font-style: false !default; $content-custom-font-family: false !default; $font-size-base : false !default; $font-weight : false !default; $line-height-base : false !default; $letter-spacing : false !default; // Box Shadow $inner-bsd-h-shadow : false !default; $inner-bsd-v-shadow : false !default; $inner-bsd-blur : 0 !default; $inner-bsd-spread : 0 !default; $inner-bsd-color : 0 !default; $inner-bsd-inset : false !default; // Bg $body-bg-background-color : false !default; $outer-background-image : false !default; $body-bg-background-repeat : false !default; $body-bg-background-size : false !default; $body-bg-background-attachment : false !default; $body-bg-background-position : false !default; $headings-color: false !default; $headings-font-type: false !default; $headings-standard-font-family: false !default; $headings-google-font-family: false !default; $headings-custom-font-family: false !default; $headings-line-height: 1.1 !default; $headings-letter-spacing: false !default; $headings-text-transform: false !default; $headings-text-shadow-h-shadow: 0 !default; $headings-text-shadow-v-shadow: 0 !default; $headings-text-shadow-blur: 0 !default; $headings-text-shadow-color: #000 !default; $headings-font-style: false !default; $headings-google-font-variant: false !default; $headings-font-weight: false !default; $headings-base-size : 14 !default; // Padding $btn-default-padding-top: false !default; $btn-default-padding-right: false !default; $btn-default-padding-bottom: false !default; $btn-default-padding-left: false !default; $btn-default-bg: #ffffff !default; $btn-default-bg-hover: #e6e6e6 !default; $btn-default-border-all: 1px solid #cccccc !default; $btn-default-border-hover: #cccccc !default; $btn-default-font-style: normal !default; $btn-default-font-weight: normal !default; $btn-default-base-size: 18 !default; $btn-default-letter-spacing: false !default; $btn-default-color: #333333 !default; $btn-default-color-hover: #333333 !default; $btn-default-text-transform: none !default; $btn-default-box-shadow-h-shadow: 0 !default; $btn-default-box-shadow-v-shadow: 0 !default; $btn-default-box-shadow-blur: 0 !default; $btn-default-box-shadow-color: #000 !default; $btn-default-box-shadow-inset: false !default; $btn-default-box-shadow-spread: false !default; $btn-default-text-h-shadow: 0 !default; $btn-default-text-v-shadow: 0 !default; $btn-default-text-blur: 0 !default; $btn-default-text-color: #000 !default; $btn-primary-bg: #337ab7 !default; $btn-primary-bg-hover: #286090 !default; $btn-primary-color: #ffffff !default; $btn-primary-color-hover: #ffffff !default; $btn-primary-box-shadow-h-shadow: 0 !default; $btn-primary-box-shadow-v-shadow: 0 !default; $btn-primary-box-shadow-blur: 0 !default; $btn-primary-box-shadow-color: #000 !default; $btn-primary-box-shadow-inset: 0 !default; $btn-primary-box-shadow-spread: false !default; $btn-primary-text-h-shadow: 0 !default; $btn-primary-text-v-shadow: 0 !default; $btn-primary-text-blur: 0 !default; $btn-primary-text-color: #000 !default; $btn-primary-border-all: $btn-default-border-all !default; $btn-primary-border-hover: $btn-default-border-hover !default; $btn-primary-font-style: $btn-default-font-style !default; $btn-primary-font-weight: $btn-default-font-weight !default; $btn-primary-font-size: $btn-default-base-size; $btn-primary-letter-spacing: $btn-default-letter-spacing !default; $btn-primary-text-transform: $btn-default-text-transform !default; $link-color: false !default; $link-hover-color: false !default; // Border bottom default $default-button-border-universal: false !default; $default-button-border-width: false !default; $default-button-border-style: false !default; $default-button-border-color: false !default; $default-button-border-top-width: false !default; $default-button-border-bottom-width: false !default; $default-button-border-left-width: false !default; $default-button-border-right-width: false !default; $default-button-border-right-style: false !default; $default-button-border-left-style: false !default; $default-button-border-top-style: false !default; $default-button-border-top-color: false !default; $default-button-border-right-color: false !default; $default-button-border-bottom-color: false !default; $default-button-border-left-color: false !default; $default-button-border-bottom-style: false !default; // Border bottom primary $primary-button-border-universal: false !default; $primary-button-border-width: false !default; $primary-button-border-style: false !default; $primary-button-border-color: false !default; $primary-button-border-top-width: false !default; $primary-button-border-bottom-width: false !default; $primary-button-border-left-width: false !default; $primary-button-border-right-width: false !default; $primary-button-border-right-style: false !default; $primary-button-border-left-style: false !default; $primary-button-border-top-style: false !default; $primary-button-border-top-color: false !default; $primary-button-border-right-color: false !default; $primary-button-border-bottom-color: false !default; $primary-button-border-left-color: false !default; $primary-button-border-bottom-style: false !default; // button-radius $button-radius-top-left : false !default; $button-radius-bottom-left : false !default; $button-radius-top-right : false !default; $button-radius-bottom-right : false !default; // Body body { @if $outer-background-color != false { background-color: $outer-background-color; } @if $body-bg-background-repeat != false { background-repeat: $body-bg-background-repeat; } @if $body-bg-background-size != false { background-size: $body-bg-background-size; } @if $body-bg-background-attachment != false { background-attachment: $body-bg-background-attachment; } @if $body-bg-background-position != false { background-position: $body-bg-background-position; } @if $text-color != false { color: $text-color; } @if $content-font-type != false { @if ($content-font-type == standard and $content-standard-font-family != false){ font-family: $content-standard-font-family; @if $font-weight != false { font-weight: $font-weight; } } @if ($content-font-type == google and $content-google-font-family != false){ font-family: $content-google-font-family; @if $content-google-font-variant != false { font-weight: $content-google-font-variant; } @if $content-google-font-style != false { font-style: $content-google-font-style; } } @if ($content-font-type == custom and $content-custom-font-family != false){ font-family: $content-custom-font-family; } } @if $font-size-base == false { $font-size-base: 14 } font-size: $font-size-base + 'px'; @if $line-height-base == false { $line-height-base: 1.4 } line-height: $line-height-base; @if $letter-spacing != false { letter-spacing: $letter-spacing + 'px'; } } // Link a { @if $link-color != false { color: $link-color; } &:hover,&:focus { @if $link-hover-color != false { color: $link-hover-color; } } } // Inner content #{$brand-prefix}content.boxLayout { @if $inner-background-color != false { background-color: $inner-background-color; } @if $inner-border != false { border: $inner-border; } @if ( $inner-bsd-h-shadow != false and $inner-bsd-v-shadow != false and $inner-bsd-color != false ) { @if ( $inner-bsd-inset == false ) { @include box-shadow($inner-bsd-h-shadow + 'px ' + $inner-bsd-v-shadow + 'px ' + $inner-bsd-blur + 'px ' + $inner-bsd-spread + 'px ' + $inner-bsd-color); }@else { @include box-shadow($inner-bsd-h-shadow + 'px ' + $inner-bsd-v-shadow + 'px ' + $inner-bsd-blur + 'px ' + $inner-bsd-spread + 'px ' + $inner-bsd-color + ' ' + $inner-bsd-inset); } } } // Heading h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { @if $headings-font-style != false { font-style: $headings-font-style; } @if $headings-font-type != false { @if ($headings-font-type == standard and $headings-standard-font-family != false){ font-family: $headings-standard-font-family; @if $headings-font-weight != false { font-weight: $headings-font-weight; } } @if ($headings-font-type == google and $headings-google-font-family != false){ font-family: $headings-google-font-family; @if $headings-google-font-variant != false { font-weight: $headings-google-font-variant; } } @if ($headings-font-type == custom and $headings-custom-font-family != false){ font-family: $headings-custom-font-family; } } @if $headings-line-height == false { $headings-line-height : 1.4; } line-height: $headings-line-height; @if $headings-color != false { color: $headings-color; } @if $headings-letter-spacing != false { letter-spacing: $headings-letter-spacing + 'px'; } @if $headings-text-transform != false { text-transform: $headings-text-transform; } // Text Shadow @if ( $headings-text-shadow-h-shadow != 0 and $headings-text-shadow-v-shadow != '' ) { text-shadow: $headings-text-shadow-h-shadow + 'px ' + $headings-text-shadow-v-shadow + 'px ' + $headings-text-shadow-blur + 'px ' + $headings-text-shadow-color; } } @if ($headings-base-size == false) { $headings-base-size : 12; } h1, .h1 { font-size: floor(($headings-base-size * 2.6)) + 'px'; } h2, .h2 { font-size: floor(($headings-base-size * 2.15)) + 'px'; } h3, .h3 { font-size: ceil(($headings-base-size * 1.7)) + 'px'; } h4, .h4 { font-size: ceil(($headings-base-size * 1.25)) + 'px'; } h5, .h5 { font-size: $headings-base-size + 'px'; } h6, .h6 { font-size: ceil(($headings-base-size * 0.85)) + 'px'; } // Button // Check border button default @if ($default-button-border-universal != false) { @if ($default-button-border-universal == 1) { .btn-default { @if ($default-button-border-width != false) { border-width: $default-button-border-width + 'px'; } @if ($default-button-border-style != false) { border-style: $default-button-border-style; } @if ($default-button-border-color != false) { border-color: $default-button-border-color; } } } @if ($default-button-border-universal == 0) { .btn-default { @if ($default-button-border-top-width != false) { border-top-width: $default-button-border-top-width + 'px'; } @if ($default-button-border-left-width != false) { border-left-width: $default-button-border-left-width + 'px'; } @if ($default-button-border-bottom-width != false) { border-bottom-width: $default-button-border-bottom-width + 'px'; } @if ($default-button-border-right-width != false) { border-right-width: $default-button-border-right-width + 'px'; } @if ($default-button-border-top-style != false) { border-top-style: $default-button-border-top-style; } @if ($default-button-border-left-style != false) { border-left-style: $default-button-border-left-style; } @if ($default-button-border-bottom-style != false) { border-bottom-style: $default-button-border-bottom-style; } @if ($default-button-border-right-style != false) { border-right-style: $default-button-border-right-style; } @if ($default-button-border-top-color != false) { border-top-color: $default-button-border-top-color; } @if ($default-button-border-left-color != false) { border-left-color: $default-button-border-left-color; } @if ($default-button-border-bottom-color != false) { border-bottom-color: $default-button-border-bottom-color; } @if ($default-button-border-right-color != false) { border-right-color: $default-button-border-right-color; } } } } .btn-default { @if $btn-default-bg != false { background: $btn-default-bg; } @if $btn-default-base-size == false{ $btn-default-base-size : 12; } font-size: $btn-default-base-size + 'px'; @if $btn-default-color != false { color: $btn-default-color; } &:hover,&:focus { @if $btn-default-color-hover != false {color: $btn-default-color-hover;} @if $btn-default-border-hover != false {border-color: $btn-default-border-hover;} } @if $btn-default-font-style != false { font-style: $btn-default-font-style; } // Text Shadow @if ( $btn-default-text-h-shadow != 0 and $btn-default-text-v-shadow != '' ) { $btn-default-text-shadow: $btn-default-text-h-shadow + 'px ' + $btn-default-text-v-shadow + 'px ' + $btn-default-text-blur + 'px ' + $btn-default-text-color; }@else { $btn-default-text-shadow: false; } // Box Shadow @if $btn-default-box-shadow-spread == false { @if $btn-default-box-shadow-inset == false { $btn-default-box-shadow: $btn-default-box-shadow-h-shadow + 'px ' + $btn-default-box-shadow-v-shadow + 'px ' + $btn-default-box-shadow-blur + 'px ' + $btn-default-box-shadow-color; }@else { $btn-default-box-shadow: $btn-default-box-shadow-inset + ' ' + $btn-default-box-shadow-h-shadow + 'px ' + $btn-default-box-shadow-v-shadow + 'px ' + $btn-default-box-shadow-blur + 'px ' + $btn-default-box-shadow-color; } }@else { @if $btn-default-box-shadow-inset == false { $btn-default-box-shadow: $btn-default-box-shadow-h-shadow + 'px ' + $btn-default-box-shadow-v-shadow + 'px ' + $btn-default-box-shadow-blur + 'px ' + $btn-default-box-shadow-spread + 'px ' + $btn-default-box-shadow-color; }@else { $btn-default-box-shadow: $btn-default-box-shadow-inset + ' ' + $btn-default-box-shadow-h-shadow + 'px ' + $btn-default-box-shadow-v-shadow + 'px ' + $btn-default-box-shadow-blur + 'px ' + $btn-default-box-shadow-spread + 'px ' + $btn-default-box-shadow-color; } } @include btn-addstyles($btn-default-font-weight, $btn-default-letter-spacing, $btn-default-text-shadow, $btn-default-text-transform, $btn-default-bg-hover,$btn-default-box-shadow); } // Check border button primary @if ($primary-button-border-universal != false) { @if ($primary-button-border-universal == 1) { .btn-primary { @if ($primary-button-border-width != false) { border-width: $primary-button-border-width + 'px'; } @if ($primary-button-border-style != false) { border-style: $primary-button-border-style; } @if ($primary-button-border-color != false) { border-color: $primary-button-border-color; } } } @if ($primary-button-border-universal == 0) { .btn-primary { @if ($primary-button-border-top-width != false) { border-top-width: $primary-button-border-top-width + 'px'; } @if ($primary-button-border-left-width != false) { border-left-width: $primary-button-border-left-width + 'px'; } @if ($primary-button-border-bottom-width != false) { border-bottom-width: $primary-button-border-bottom-width + 'px'; } @if ($primary-button-border-right-width != false) { border-right-width: $primary-button-border-right-width + 'px'; } @if ($primary-button-border-top-style != false) { border-top-style: $primary-button-border-top-style; } @if ($primary-button-border-left-style != false) { border-left-style: $primary-button-border-left-style; } @if ($primary-button-border-bottom-style != false) { border-bottom-style: $primary-button-border-bottom-style; } @if ($primary-button-border-right-style != false) { border-right-style: $primary-button-border-right-style; } @if ($primary-button-border-top-color != false) { border-top-color: $primary-button-border-top-color; } @if ($primary-button-border-left-color != false) { border-left-color: $primary-button-border-left-color; } @if ($primary-button-border-bottom-color != false) { border-bottom-color: $primary-button-border-bottom-color; } @if ($primary-button-border-right-color != false) { border-right-color: $primary-button-border-right-color; } } } } .btn-primary { @if $btn-primary-bg != false {background: $btn-primary-bg;} @if $btn-primary-color != false {color: $btn-primary-color;} @if $btn-primary-font-size == false{ $btn-primary-font-size : 12; } font-size: $btn-primary-font-size + 'px'; &:hover,&:focus { @if $btn-primary-color-hover != false {color: $btn-primary-color-hover;} @if $btn-primary-border-hover != false {border-color: $btn-primary-border-hover;} } @if $btn-primary-font-style != false{ font-style: $btn-primary-font-style; } // Text Shadow @if ( $btn-primary-text-h-shadow != 0 and $btn-primary-text-v-shadow != '' ) { $btn-primary-text-shadow: $btn-primary-text-h-shadow + 'px ' + $btn-primary-text-v-shadow + 'px ' + $btn-primary-text-blur + 'px ' + $btn-primary-text-color; }@else { $btn-primary-text-shadow: false; } // Box Shadow @if $btn-primary-box-shadow-spread == false { $btn-primary-box-shadow: $btn-primary-box-shadow-h-shadow + 'px ' + $btn-primary-box-shadow-v-shadow + 'px ' + $btn-primary-box-shadow-blur + 'px ' + $btn-primary-box-shadow-color; }@else { $btn-primary-box-shadow: $btn-primary-box-shadow-h-shadow + 'px ' + $btn-primary-box-shadow-v-shadow + 'px ' + $btn-primary-box-shadow-blur + 'px ' + $btn-primary-box-shadow-spread + 'px ' + $btn-primary-box-shadow-color; } @include btn-addstyles($btn-primary-font-weight, $btn-primary-letter-spacing, $btn-primary-text-shadow, $btn-primary-text-transform, $btn-primary-bg-hover,$btn-primary-box-shadow); } // set border radius @if ( $button-radius-top-left != false and $button-radius-bottom-left != false and $button-radius-top-right != false and $button-radius-bottom-right != false ) { .btn-primary, .btn-default { @if ( $button-radius-top-left != false ) { border-top-left-radius: $button-radius-top-left + 'px'; -webkit-border-top-left-radius: $button-radius-top-left + 'px'; } @if ( $button-radius-bottom-left != false ) { border-bottom-left-radius: $button-radius-bottom-left + 'px'; -webkit-border-bottom-left-radius: $button-radius-bottom-left + 'px'; } @if ( $button-radius-top-right != false ) { border-top-right-radius: $button-radius-top-right + 'px'; -webkit-border-top-right-radius: $button-radius-top-right + 'px'; } @if ( $button-radius-bottom-right != false ) { border-bottom-right-radius: $button-radius-bottom-right + 'px'; -webkit-border-bottom-right-radius: $button-radius-bottom-right + 'px'; } } } @if ( $btn-default-padding-top != false ) { .btn-primary, .btn-default { padding-top: $btn-default-padding-top + 'px'; } } @if ( $btn-default-padding-right != false ) { .btn-primary, .btn-default { padding-right: $btn-default-padding-right + 'px'; } } @if ( $btn-default-padding-bottom != false ) { .btn-primary, .btn-default { padding-bottom: $btn-default-padding-bottom + 'px'; } } @if ( $btn-default-padding-left != false ) { .btn-primary, .btn-default { padding-left: $btn-default-padding-left + 'px'; } }