dohoons

// 프리로딩
(function () {
	var imgArr = [];
	var loaded = 0;
	var total = 0;
	var progress = 0;

	$("*").each(function(index, el) {
		if(this.tagName == "IMG") {
			imgArr.push($(this).attr("src"));

dohoons

"sort-order": [
    // 흐름, 표시
    [
        "content",
        "quotes",
        "counter-reset",
        "counter-increment",
        "clear",
        "float",
        "display",

dohoons

//
// 미디어 쿼리 MIXIN
// --------------------------------------------------

// Break Point (Desktop First 기준 내림차순 설정)
$desktop-l-width	: 1440px;
$tablet-l-width		: 1024px;
$tablet-s-width		: 768px;
$mob-l-width		: 640px;
$mob-m-width		: 425px;

dohoons

var gulp = require('gulp');
var webserver = require('gulp-webserver');
var mime = require('mime-types');

gulp.task('default', function() {
	gulp.src('./').pipe(webserver({
		host: '0.0.0.0',
		port: 3000,
		livereload: false,
		directoryListing: false,

dohoons

// document 이벤트
var addDocumentEvent = function(eventList) {
	return function(types, cb) {
		var typeList = types.split(' ');
		var type = '';

		if(typeof cb !== 'function') return false;
		for(var i = typeList.length; i--;) {
			type = typeList[i];

dohoons

var gulp = require('gulp'),
	fs = require('fs'),
	path = require('path'),
	webserver = require('gulp-webserver');

gulp.task('server', function() {
	var dist = './dist';

	return gulp.src(dist).pipe(webserver({
		host: '0.0.0.0',

dohoons

/* Basic Style START (dohoons, 200803, 200908, 201011, 201106, 201305, 201607, 201802, 201908, 202006) */
html, body { height:100%; -webkit-text-size-adjust:none; font-family:dotum,"돋움",Arial,Sans-serif; font-size:12px; }
body, input, select, button, textarea, h1, h2, h3, h4, h5, h6, table { line-height:1.5; font:inherit; color:inherit; }
html, body, div, form, input, select, button, textarea, legend, fieldset, figure, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, address, p, th, td, caption { margin:0; padding:0; }
ol, ul, li { list-style:none; }
img, fieldset { vertical-align:middle; border:0 none; }
input, select, textarea { vertical-align:middle; resize:none; }
input[type=text], input[type=password], input[type=submit], input[type=tel], input[type=number], input[type=email], input[type=url], input[type=search], textarea { -webkit-appearance:none; border-radius:0; }
button { border:0 none; background:transparent; cursor:pointer; }
button::-moz-focus-inner { border: 0; }

dohoons

function getSafeArea() {
	var result, computed, div = document.createElement('div');

	div.style.padding = 'env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)';
	document.body.appendChild(div);
	computed = getComputedStyle(div);
	result = {
		top: parseInt(computed.paddingTop) || 0,
		right: parseInt(computed.paddingRight) || 0,
		bottom: parseInt(computed.paddingBottom) || 0,

dohoons

function memorySizeOf(obj) {
    var bytes = 0;

    function sizeOf(obj) {
        if(obj !== null && obj !== undefined) {
            switch(typeof obj) {
            case 'number':
                bytes += 8;
                break;
            case 'string':

dohoons

{
	"rules": {
		"color-no-invalid-hex": true,
		"declaration-block-no-duplicate-properties": [
			true,
			{
				"ignore": [
					"consecutive-duplicates-with-different-values"
				]
			}