Carlos Alberto Magaña Pérez infinitystylish
infinitystylish
/ package.json
Created
February 18, 2016 15:42
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "devDependencies": { | |
| "browser-sync": "^1.9.2", | |
| "gulp": "^3.9.1", | |
| "gulp-autoprefixer": "^3.1.0", | |
| "gulp-compass": "^2.0.4", | |
| "gulp-minify-css": "^1.1.0", | |
| "gulp-plumber": "^1.0.0", | |
| "gulp-ruby-sass": "^1.0.5", | |
| "gulp-tinypng": "^1.0.2", |
infinitystylish
/ gulpfile.js
Created
February 18, 2016 15:39
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var gulp = require('gulp'), | |
| sass = require('gulp-ruby-sass'), | |
| spritesmith = require('gulp.spritesmith'), | |
| compass = require('gulp-compass'), | |
| path = require('path'), | |
| minifyCss = require('gulp-minify-css'), | |
| browserSync = require('browser-sync'), | |
| tinypng = require('gulp-tinypng'), | |
| autoprefixer = require('gulp-autoprefixer'), | |
| plumber = require('gulp-plumber'); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(function(){ | |
| var isMobile = { | |
| Android: function() { | |
| return navigator.userAgent.match(/Android/i); | |
| }, | |
| BlackBerry: function() { | |
| return navigator.userAgent.match(/BlackBerry/i); | |
| }, | |
| iOS: function() { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Welcome to Compass. | |
| * In this file you should write your main styles. (or centralize your imports) | |
| * Import this file using the following HTML or equivalent: | |
| * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */ | |
| @import "compass/reset"; | |
| @import "compass/utilities/sprites"; | |
| @import "compass/css3"; | |
| @import "mixins"; | |
| @import "media"; |
infinitystylish
/ HTML: General Footer.html
Last active
December 25, 2015 10:49
HTML: General Footer
infinitystylish
/ HTML: General Header.html
Last active
December 25, 2015 10:49
HTML: General Header
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title></title> | |
| <meta charset="utf-8"> | |
| <!--[if lt IE 9]> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" > | |
| <![endif]--> | |
| <meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=0, initial-scale=1"> | |
| <!-- Standard iPhone --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $media-320-480 : "(min-width: 320px) and (max-width : 480px)"; | |
| $media-360 : "only screen and (max-width : 360px)"; | |
| $media-480 : "only screen and (max-width : 480px)"; | |
| $media-639 : "only screen and (max-width : 639px)"; | |
| $media-640 : "only screen and (max-width : 640px)"; | |
| $media-640-767 : "(min-width: 640px) and (max-width : 767px)"; | |
| $media-640-768 : "(min-width: 640px) and (max-width : 768px)"; | |
| $media-640-1023 : "(min-width: 640px) and (max-width : 1023px)"; | |
| $media-640-991 : "(min-width: 640px) and (max-width : 991px)"; | |
| $media-481-640 : "(min-width: 481px) and (max-width : 640px)"; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*! http://mths.be/placeholder v2.0.7 by @mathias */ | |
| ;(function(window, document, $) { | |
| // Opera Mini v7 doesn’t support placeholder although its DOM seems to indicate so | |
| var isOperaMini = Object.prototype.toString.call(window.operamini) == '[object OperaMini]'; | |
| var isInputSupported = 'placeholder' in document.createElement('input') && !isOperaMini; | |
| var isTextareaSupported = 'placeholder' in document.createElement('textarea') && !isOperaMini; | |
| var prototype = $.fn; | |
| var valHooks = $.valHooks; | |
| var propHooks = $.propHooks; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Mixin navigation-list | |
| // For this mixin we need | |
| // <nav> | |
| // <ul id="nav"> | |
| // <li> | |
| // <a href="#">Uno</a> | |
| // <li> | |
| // <a href="#">Dos</a> | |
| // </li> | |
| // </ul> |
infinitystylish
/ Centrar Elemento Horizontal y Vertical
Last active
December 21, 2015 04:09
CSS - Centrar Elemento Horizontal/Vertical
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Centrado Vertical-Horizontal</title> | |
| <style type="text/css"> | |
| .space{ | |
| width: 100%; | |
| height: 20px; | |
| } |