Sam Richard Snugug

## instance.js
import { validate, IsInt, IsEmail, IsIn, IsNotEmpty } from 'class-validator';
import { Provider } from './provider';

export class InstanceConfig {
  [key:string]: number | string;

  @IsEmail()
  @IsNotEmpty()
  email: string;

## README.md

      
              2 files
            
          
              1 fork
            
          
              0 comments
            
          
              4 stars
            
          
                Snugug
                / README.md
            
            
              Last active
              February 12, 2018 22:29
            
              
                Progressively Enhanced Lazy Loading Images in 40 lines of code
              
          
    Lazy Load Images in 40 Lines of Code

Behold! Intersection Observers at work!
Usage

First, update your source code to move your image sources in to data attributes.


## detect.js
(function () {
  'use strict';

  var detect = function detect(property, value) {
    if (window.CSS && window.CSS.supports) {
      return window.CSS.supports(property, value);
    }
    else {
      return false;
    }

## SassMeister-input-HTML.html
<div id="container">
  <div class="first">First</div>
  <div class="second">Second</div>
  <div class="third">Third</div>
  <div class="fourth">Fourth</div>
</div>

## SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

.product {
  @at-root ul#{&} {
    content: hello world;
  }
}

## SassMeister-input-HTML.html
<div class="container">
    <div class="first"></div>
    <div class="second"></div>
    <div class="third"></div>
  </div>

## SassMeister-input-HTML.haml
.first
.second
.third

## SassMeister-input-HTML.haml
.container
  .menu
  .primary-lead
    .content
  .content-nav
  .masonry
    .content-module
    .content-module
    .content-module
    .content-module

## SassMeister-input-HTML.html
<article class="calendar">
  <header class="calendar">
    <ul class="weekdays">
      <li class="weekday mon"><span class="weekday">Mon</span></li>
      <li class="weekday tue"><span class="weekday">Tue</span></li>
      <li class="weekday wed"><span class="weekday">Wed</span></li>
      <li class="weekday thu"><span class="weekday">Thu</span></li>
      <li class="weekday fri"><span class="weekday">Fri</span></li>
      <li class="weekday sat"><span class="weekday">Sat</span></li>
      <li class="weekday sun"><span class="weekday">Sun</span></li>

## SassMeister-input-HTML.html
<article class="calendar">
  <header class="calendar">
    <ul class="weekdays">
      <li class="weekday mon"><span class="weekday">Mon</span></li>
      <li class="weekday tue"><span class="weekday">Tue</span></li>
      <li class="weekday wed"><span class="weekday">Wed</span></li>
      <li class="weekday thu"><span class="weekday">Thu</span></li>
      <li class="weekday fri"><span class="weekday">Fri</span></li>
      <li class="weekday sat"><span class="weekday">Sat</span></li>
      <li class="weekday sun"><span class="weekday">Sun</span></li>
	import { validate, IsInt, IsEmail, IsIn, IsNotEmpty } from 'class-validator';
	import { Provider } from './provider';

	export class InstanceConfig {
	[key:string]: number \| string;

	@IsEmail()
	@IsNotEmpty()
	email: string;
	(function () {
	'use strict';

	var detect = function detect(property, value) {
	if (window.CSS && window.CSS.supports) {
	return window.CSS.supports(property, value);
	}
	else {
	return false;
	}
	<div id="container">
	<div class="first">First</div>
	<div class="second">Second</div>
	<div class="third">Third</div>
	<div class="fourth">Fourth</div>
	</div>
	// ----
	// Sass (v3.3.0.rc.2)
	// Compass (v1.0.0.alpha.17)
	// ----

	.product {
	@at-root ul#{&} {
	content: hello world;
	}
	}
	<div class="container">
	<div class="first"></div>
	<div class="second"></div>
	<div class="third"></div>
	</div>
	.container
	.menu
	.primary-lead
	.content
	.content-nav
	.masonry
	.content-module
	.content-module
	.content-module
	.content-module
	<article class="calendar">
	<header class="calendar">
	<ul class="weekdays">
	<li class="weekday mon"><span class="weekday">Mon</span></li>
	<li class="weekday tue"><span class="weekday">Tue</span></li>
	<li class="weekday wed"><span class="weekday">Wed</span></li>
	<li class="weekday thu"><span class="weekday">Thu</span></li>
	<li class="weekday fri"><span class="weekday">Fri</span></li>
	<li class="weekday sat"><span class="weekday">Sat</span></li>
	<li class="weekday sun"><span class="weekday">Sun</span></li>