Gecko [ www.annuaire-holistea.fr ]

Name	Size	Permission
_breakpoints.scss	4.47 KB	-rw-r--r--
_flexgrid.scss	7.62 KB	-rw-r--r--
_functions.scss	1.97 KB	-rw-r--r--
_grid.scss	2.38 KB	-rw-r--r--
_mixins.scss	1.8 KB	-rw-r--r--
_vars.scss	1.35 KB	-rw-r--r--
_vendor.scss	7.19 KB	-rw-r--r--

Code Editor : _vendor.scss

// vendor.scss v0.1-dev | @ajlkn | MIT licensed */

// Vars.

/// Vendor prefixes.
	/// @var {list}
	$vendor-prefixes: (
		'-moz-',
		'-webkit-',
		'-ms-',
		''
	);

/// Properties that should be vendorized.
	/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
	/// @var {list}
	$vendor-properties: (

// Animation.
			'animation',
			'animation-delay',
			'animation-direction',
			'animation-duration',
			'animation-fill-mode',
			'animation-iteration-count',
			'animation-name',
			'animation-play-state',
			'animation-timing-function',

// Appearance.
			'appearance',

// Backdrop filter.
			'backdrop-filter',

// Background image options.
			'background-clip',
			'background-origin',
			'background-size',

// Box sizing.
			'box-sizing',

// Clip path.
			'clip-path',

// Filter effects.
			'filter',

// Flexbox.
			'align-content',
			'align-items',
			'align-self',
			'flex',
			'flex-basis',
			'flex-direction',
			'flex-flow',
			'flex-grow',
			'flex-shrink',
			'flex-wrap',
			'justify-content',
			'order',

// Font feature.
			'font-feature-settings',
			'font-language-override',
			'font-variant-ligatures',

// Font kerning.
			'font-kerning',

// Fragmented borders and backgrounds.
			'box-decoration-break',

// Grid layout.
			'grid-column',
			'grid-column-align',
			'grid-column-end',
			'grid-column-start',
			'grid-row',
			'grid-row-align',
			'grid-row-end',
			'grid-row-start',
			'grid-template-columns',
			'grid-template-rows',

// Hyphens.
			'hyphens',
			'word-break',

// Masks.
			'mask',
			'mask-border',
			'mask-border-outset',
			'mask-border-repeat',
			'mask-border-slice',
			'mask-border-source',
			'mask-border-width',
			'mask-clip',
			'mask-composite',
			'mask-image',
			'mask-origin',
			'mask-position',
			'mask-repeat',
			'mask-size',

// Multicolumn.
			'break-after',
			'break-before',
			'break-inside',
			'column-count',
			'column-fill',
			'column-gap',
			'column-rule',
			'column-rule-color',
			'column-rule-style',
			'column-rule-width',
			'column-span',
			'column-width',
			'columns',

// Object fit.
			'object-fit',
			'object-position',

// Regions.
			'flow-from',
			'flow-into',
			'region-fragment',

// Scroll snap points.
			'scroll-snap-coordinate',
			'scroll-snap-destination',
			'scroll-snap-points-x',
			'scroll-snap-points-y',
			'scroll-snap-type',

// Shapes.
			'shape-image-threshold',
			'shape-margin',
			'shape-outside',

// Tab size.
			'tab-size',

// Text align last.
			'text-align-last',

// Text decoration.
			'text-decoration-color',
			'text-decoration-line',
			'text-decoration-skip',
			'text-decoration-style',

// Text emphasis.
			'text-emphasis',
			'text-emphasis-color',
			'text-emphasis-position',
			'text-emphasis-style',

// Text size adjust.
			'text-size-adjust',

// Text spacing.
			'text-spacing',

// Transform.
			'transform',
			'transform-origin',

// Transform 3D.
			'backface-visibility',
			'perspective',
			'perspective-origin',
			'transform-style',

// Transition.
			'transition',
			'transition-delay',
			'transition-duration',
			'transition-property',
			'transition-timing-function',

// Unicode bidi.
			'unicode-bidi',

// User select.
			'user-select',

// Writing mode.
			'writing-mode',

);

/// Values that should be vendorized.
	/// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org
	/// @var {list}
	$vendor-values: (

// Cross fade.
			'cross-fade',

// Element function.
			'element',

// Filter function.
			'filter',

// Flexbox.
			'flex',
			'inline-flex',

// Grab cursors.
			'grab',
			'grabbing',

// Gradients.
			'linear-gradient',
			'repeating-linear-gradient',
			'radial-gradient',
			'repeating-radial-gradient',

// Grid layout.
			'grid',
			'inline-grid',

// Image set.
			'image-set',

// Intrinsic width.
			'max-content',
			'min-content',
			'fit-content',
			'fill',
			'fill-available',
			'stretch',

// Sticky position.
			'sticky',

// Transform.
			'transform',

// Zoom cursors.
			'zoom-in',
			'zoom-out',

);

// Functions.

/// Removes a specific item from a list.
	/// @author Hugo Giraudel
	/// @param {list} $list List.
	/// @param {integer} $index Index.
	/// @return {list} Updated list.
	@function remove-nth($list, $index) {

$result: null;

@if type-of($index) != number {
			@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
		}
		@else if $index == 0 {
			@warn "List index 0 must be a non-zero integer for `remove-nth`.";
		}
		@else if abs($index) > length($list) {
			@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
		}
		@else {

$result: ();
			$index: if($index < 0, length($list) + $index + 1, $index);

@for $i from 1 through length($list) {

@if $i != $index {
					$result: append($result, nth($list, $i));
				}

}

@return $result;

}

/// Replaces a substring within another string.
	/// @author Hugo Giraudel
	/// @param {string} $string String.
	/// @param {string} $search Substring.
	/// @param {string} $replace Replacement.
	/// @return {string} Updated string.
	@function str-replace($string, $search, $replace: '') {

$index: str-index($string, $search);

@if $index {
			@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
		}

@return $string;

}

/// Replaces a substring within each string in a list.
	/// @param {list} $strings List of strings.
	/// @param {string} $search Substring.
	/// @param {string} $replace Replacement.
	/// @return {list} Updated list of strings.
	@function str-replace-all($strings, $search, $replace: '') {

@each $string in $strings {
			$strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
		}

@return $strings;

}

// Mixins.

/// Wraps @content in vendorized keyframe blocks.
	/// @param {string} $name Name.
	@mixin keyframes($name) {

@-moz-keyframes #{$name} { @content; }
		@-webkit-keyframes #{$name} { @content; }
		@-ms-keyframes #{$name} { @content; }
		@keyframes #{$name} { @content; }

}

/// Vendorizes a declaration's property and/or value(s).
	/// @param {string} $property Property.
	/// @param {mixed} $value String/list of value(s).
	@mixin vendor($property, $value) {

// Determine if property should expand.
			$expandProperty: index($vendor-properties, $property);

// Determine if value should expand (and if so, add '-prefix-' placeholder).
			$expandValue: false;

@each $x in $value {
				@each $y in $vendor-values {
					@if $y == str-slice($x, 1, str-length($y)) {

$value: set-nth($value, index($value, $x), '-prefix-' + $x);
						$expandValue: true;

}
				}
			}

// Expand property?
			@if $expandProperty {
			    @each $vendor in $vendor-prefixes {
			        #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
			    }
			}

// Expand just the value?
			@elseif $expandValue {
			    @each $vendor in $vendor-prefixes {
			        #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
			    }
			}

// Neither? Treat them as a normal declaration.
			@else {
		        #{$property}: #{$value};
			}

}

${this.title}

Code Editor : _vendor.scss