%PDF- %PDF-
Direktori : /proc/thread-self/root/proc/self/root/home/assumpcaocom/pass/src/scss/ |
Current File : //proc/thread-self/root/proc/self/root/home/assumpcaocom/pass/src/scss/_mixins.scss |
// IMPORT ONCE // We use this to prevent styles from being loaded multiple times for compenents that rely on other components. $modules: () !default; @mixin exports($name) { // Import from global scope $modules: $modules !global; // Check if a module is already on the list $module_index: index($modules, $name); @if (($module_index == null) or ($module_index == false)) { $modules: append($modules, $name) !global; @content; } } @mixin shape() { content: " "; display: block; } @mixin card-texture($radial-gradient: true) { $b1: rgba(255, 255, 255, 0); $b2: opacify($b1, .03); $b3: opacify($b1, .04); $b4: opacify($b1, .05); @if ($radial-gradient) { @include background-image( repeating-linear-gradient(45deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-linear-gradient(135deg, $b4 1px, $b1 2px, $b3 3px, $b2 4px ), repeating-linear-gradient(90deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-linear-gradient(210deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-radial-gradient(circle at 30% 30%, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-radial-gradient(circle at 70% 70%, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-radial-gradient(circle at 90% 20%, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-radial-gradient(circle at 15% 80%, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), linear-gradient(-25deg, $b1 50%, opacify($b1, .2) 70%, $b1 90%) ); } @else { @include background-image( repeating-linear-gradient(45deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-linear-gradient(135deg, $b4 1px, $b1 2px, $b3 3px, $b2 4px ), repeating-linear-gradient(90deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), repeating-linear-gradient(210deg, $b1 1px, $b2 2px, $b3 3px, $b4 4px ), linear-gradient(-25deg, $b1 50%, opacify($b1, .2) 70%, $b1 90%) ); } }