davaynamore

function curry(fn, ...args) {
    return (..._arg) => {
        return fn(...args, ..._arg);
    }
}

davaynamore

.visually-hidden {
  $size: 1px;
  width: $size;
  height: $size;
  border: 0;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  clip: rect(0,0,0,0);
  position: absolute;

davaynamore

@mixin icon-mask($url, $size) {

    &::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;

davaynamore

@mixin media-hidden {
	@media only screen and (max-width: 319px) {
		display: none;
	}
}

@mixin xs-screen {
	@media only screen and (max-width: 575px) {
		@content;
	}

davaynamore

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { 
    
}

davaynamore

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #myElement {
        /* Enter your style code */
   }
}

davaynamore

Object.defineProperty( myObject, Symbol.iterator, {
    enumerable: false,
    writable: false,
    configurable: true,
    value: function() {
        var o = this;
        var idx = 0;
        var ks = Object.keys( o );
        return {
            next: function() {

davaynamore

@mixin square($size) {
	width: $size;
	height: $size;
}

davaynamore

@mixin overlay {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

davaynamore

@mixin padding-hack($padding, $object-fit: contain) {
	position: relative;
	padding-top: $padding;
	@content;

	& > img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;