IAMROBERT ICONS FILE

_icons.scss

/*
 *	=======================================================================
	+ ICONS
	-----------------------------------------------------------------------

 *	=======================================================================
 */
/*! purgecss start ignore */


  .icon {
  //  --size: 1rem;
    --size: var(--step-0);
    display: inline-flex;
    color: inherit;
    fill: currentColor;
    height: var(--size);
    width: var(--size);
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
	transform: translateY(var(--m2));
	position: relative;
    &::before {
      height: var(--size);
      width: var(--size);
      transition: background .45s cubic-bezier(.08, .03, .22, .87);
    } 
  }


  p > .icon {
	margin-right: var(--m10);
  }


@mixin icon-output($icon-name) {
	.icon-#{$icon-name}:before {
		content: '';display: inline-flex;
		mask: url("../images/icons/#{$icon-name}.svg");
		mask-size: contain;
		mask-repeat: no-repeat;
		background: var(--blue);
	}
}

@include icon-output("block");
@include icon-output("building");
@include icon-output("calendar");
@include icon-output("calendar-1");

  

/*! purgecss end ignore */