AnonymousFox

/home/develito/www/plugins/system/sunfw/includes/scss/_offcanvas.scss

// Please do not touch file

@import "mixins/mixins";

// ======================================
// ------------- Offcanvas --------------
// ======================================

@mixin offcanvas(
  $background-color: false,
  $background-image: false,
  $background-repeat: false,
  $background-attachment: false,
  $background-size: false,
  $background-position: false,
  $universal: false,
  $border-width: false,
  $border-style: false,
  $border-color: false,
  $border-top-width: false,
  $border-top-style: false,
  $border-top-color: false,
  $border-right-width: false,
  $border-right-style: false,
  $border-right-color: false,
  $border-bottom-width: false,
  $border-bottom-style: false,
  $border-bottom-color: false,
  $border-left-width: false,
  $border-left-style: false,
  $border-left-color: false
) {
  @if $background-color != false { background-color: $background-color; }
  @if $background-image != false { background-image: url("#{$background-image}"); }
  @if $background-repeat != false { background-repeat: $background-repeat; }
  @if $background-attachment != false { background-attachment: $background-attachment; }
  @if $background-size != false { background-size: $background-size; }
  @if $background-position != false { background-position: $background-position; }
  @include sunfw-border($universal,$border-width,$border-style,$border-color,$border-top-width,$border-top-style,$border-top-color,$border-right-width,$border-right-style,$border-right-color,
          $border-bottom-width, $border-bottom-style, $border-bottom-color, $border-left-width,$border-left-style,$border-left-color);
}

@mixin content-offcanvas(
  $custom,
  $color: false,
  $font-size-base: false,
  $line-height: false

) {
  @if $custom == 1 {
    @if $color != false {
      color: $color;
    }
    @if $font-size-base != false {
      font-size: $font-size-base + 'px';
    }
    @if $line-height != false {
      line-height: $line-height;
    }
  }
}

@mixin offcanvas-link(
  $custom,
  $link-color: false,
  $link-hover-color: false
) {

@if $custom == 1 {
    a {
      @if $link-color != false {
        color: $link-color;
      }
      &:hover {
        @if $link-hover-color != false {
          color: $link-hover-color;
        }
      }
    }
  }
}

@mixin offcanvas-heading(
  $custom,
  $headings-color: false,
  $headings-text-transform: false,
  $headings-text-shadow-h-shadow: false,
  $headings-text-shadow-v-shadow: false,
  $headings-text-shadow-blur: false,
  $headings-text-shadow-color: false,
  $headings-base-size: false,
  $headings-line-height: false,
  $headings-letter-spacing: false,
  $headings-font-weight: false
) {

@if $custom == 1 {

h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {

@if $headings-color != false {
        color: $headings-color;
      }
      @if $headings-text-transform != false {
        text-transform: $headings-text-transform;
      }
      @if $headings-text-shadow-color != false {
        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-line-height != false {
        line-height: $headings-line-height;
      }
      @if $headings-letter-spacing != false {
        letter-spacing: $headings-letter-spacing + 'px';
      }
      @if $headings-font-weight != false {
        font-weight: $headings-font-weight;
      }
    }

@if ($headings-base-size != false) {
      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';
      }
    }
  }

}

@mixin btn-offcanvas-default(
  $btn-padding-top: false,
  $btn-padding-bottom: false,
  $btn-padding-right: false,
  $btn-padding-left: false,
  $btn-background: false,
  $universal: false,
  $border-width: false,
  $border-style: false,
  $border-color: false,
  $border-top-width: false,
  $border-top-style: false,
  $border-top-color: false,
  $border-right-width: false,
  $border-right-style: false,
  $border-right-color: false,
  $border-bottom-width: false,
  $border-bottom-style: false,
  $border-bottom-color: false,
  $border-left-width: false,
  $border-left-style: false,
  $border-left-color: false,
  $border-top-left-radius: false,
  $border-top-right-radius: false,
  $border-bottom-right-radius: false,
  $border-bottom-left-radius: false,
  $box-shadow-h-shadow: false,
  $box-shadow-v-shadow: false,
  $box-shadow-blur: false,
  $box-shadow-spread: false,
  $box-shadow-color: false,
  $box-shadow-inset: false,
  $text-color: false,
  $font-weight: false,
  $font-style: false,
  $text-transform: false,
  $text-shadow-h-shadow: false,
  $text-shadow-v-shadow: false,
  $text-shadow-blur: false,
  $text-shadow-color: false,
  $base-size: false,
  $letter-spacing: false,
  $background-hover: false,
  $border-color-hover: false,
  $text-color-hover: false,
  $custom: false
) {
  @if($custom == 1) {
    .btn-default, .btn-primary {
      @if $btn-padding-top != false { padding-top: $btn-padding-top +'px'; }
      @if $btn-padding-right != false { padding-right: $btn-padding-right + 'px'; }
      @if $btn-padding-bottom != false { padding-bottom: $btn-padding-bottom + 'px'; }
      @if $btn-padding-left != false { padding-left: $btn-padding-left + 'px'; }
      @if $border-top-left-radius != false { border-top-left-radius: $border-top-left-radius + 'px'; }
      @if $border-top-right-radius != false { border-top-right-radius: $border-top-right-radius + 'px'; }
      @if $border-bottom-right-radius != false { border-bottom-right-radius: $border-bottom-right-radius + 'px'; }
      @if $border-bottom-left-radius != false { border-bottom-left-radius: $border-bottom-left-radius + 'px'; }
      @if $font-weight != false { font-weight: $font-weight; }
      @if $font-style != false { font-style: $font-style; }
      @if $text-transform != false { text-transform: $text-transform; }
      @if $base-size != false { font-size: $base-size +'px'; }
      @if $letter-spacing != false {letter-spacing: $letter-spacing + 'px';}

}
    .btn-default {
      @if $btn-background != false {
        background-color: $btn-background ;
      }
      @include sunfw-border($universal,$border-width,$border-style,$border-color,$border-top-width,$border-top-style,$border-top-color,$border-right-width,$border-right-style,$border-right-color,
              $border-bottom-width, $border-bottom-style, $border-bottom-color, $border-left-width,$border-left-style,$border-left-color);
      @if ($box-shadow-h-shadow != false or $box-shadow-v-shadow != false or $box-shadow-blur != false or $box-shadow-spread != false){
        @if ($box-shadow-color != false){
          @if ($box-shadow-inset != false){
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-color + ' ' + $box-shadow-inset);
          }@else{
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-color);
          }
        }@else{
          @if ($box-shadow-inset != false){
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-inset);
          }@else{
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px');
          }
        }
      }
      @if $text-color != false { color: $text-color; }
      @if ($text-shadow-color != false) {
        text-shadow: $text-shadow-h-shadow + 'px ' + $text-shadow-v-shadow + 'px ' + $text-shadow-blur + 'px ' + $text-shadow-color;
      }
      &:hover{
        @if $background-hover != false {
          background-color: $background-hover;
        }
        @if $border-color-hover != false {
          border-color: $border-color-hover;
        }
        @if $text-color-hover != false {
          color: $text-color-hover;
        }
      }
    }
  }
}

@mixin btn-offcanvas-primary(
  $btn-background: false,
  $universal: false,
  $border-width: false,
  $border-style: false,
  $border-color: false,
  $border-top-width: false,
  $border-top-style: false,
  $border-top-color: false,
  $border-right-width: false,
  $border-right-style: false,
  $border-right-color: false,
  $border-bottom-width: false,
  $border-bottom-style: false,
  $border-bottom-color: false,
  $border-left-width: false,
  $border-left-style: false,
  $border-left-color: false,
  $box-shadow-h-shadow: false,
  $box-shadow-v-shadow: false,
  $box-shadow-blur: false,
  $box-shadow-spread: false,
  $box-shadow-color: false,
  $box-shadow-inset: false,
  $text-color: false,
  $text-shadow-h-shadow: false,
  $text-shadow-v-shadow: false,
  $text-shadow-blur: false,
  $text-shadow-color: false,
  $background-hover: false,
  $border-color-hover: false,
  $text-color-hover: false,
  $custom: false
){
  @if($custom == 1) {
    .btn-primary {
      @if $btn-background != false {
        background-color: $btn-background ;
      }
      @include sunfw-border($universal,$border-width,$border-style,$border-color,$border-top-width,$border-top-style,$border-top-color,$border-right-width,$border-right-style,$border-right-color,
              $border-bottom-width, $border-bottom-style, $border-bottom-color, $border-left-width,$border-left-style,$border-left-color);
      @if ($box-shadow-h-shadow != 0 or $box-shadow-v-shadow != 0 or $box-shadow-blur != 0 or $box-shadow-spread != 0){
        @if ($box-shadow-color != false){
          @if ($box-shadow-inset != false){
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-color + ' ' + $box-shadow-inset);
          }@else{
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-color);
          }
        }@else{
          @if ($box-shadow-inset != false){
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px ' + $box-shadow-inset);
          }@else{
            @include box-shadow($box-shadow-h-shadow + 'px ' + $box-shadow-v-shadow + 'px ' + $box-shadow-blur + 'px ' + $box-shadow-spread + 'px');
          }
        }
      }
      @if $text-color != false { color: $text-color; }
      @if ($text-shadow-color != false) {
        text-shadow: $text-shadow-h-shadow + 'px ' + $text-shadow-v-shadow + 'px ' + $text-shadow-blur + 'px ' + $text-shadow-color;
      }
      &:hover{
        @if $background-hover != false {
          background-color: $background-hover;
        }
        @if $border-color-hover != false {
          border-color: $border-color-hover;
        }
        @if $text-color-hover != false {
          color: $text-color-hover;
        }
      }
    }
  }
}