cssmagic

Screen

sm	≥ 640px
md	≥ 768px
lg	≥ 1024px
xl	≥ 1280px
2xl	≥ 1536px

cssmagic

• 姓名 ____

• 部门 ____

• 本次分享/培训内容的专业性：☆☆☆☆☆

• 本次分享/培训内容的实用性：☆☆☆☆☆

• 本次分享/培训内容的趣味性：☆☆☆☆☆

cssmagic

'use strict'

var gulp = require('gulp')


gulp.task('mobile/build-es', function () {
	var path = require('path')
	var glob = require('glob')

	var rollup = require('rollup').rollup

cssmagic

javascript:(function(){var l=document.createElement('link');l.setAttribute('rel','stylesheet');l.setAttribute('media','all');l.setAttribute('href','1.css');document.body.appendChild(l);var%20s%20=%20document.createElement('script');s.setAttribute('src','1.js');document.body.appendChild(s);})();

cssmagic

#a
	border 0    // => border 0 none
	&.class1
		border-style solid  // => border 0 solid
	&.class2
		border 3px  // => border 3px none
#b
	border none // => border medium none
	&.class1
		border-style solid  // => border medium solid

cssmagic

<meta name="viewport" content="width=1024, maximum-scale=1">

cssmagic

Sass 有方案

http://anthonyshort.me/using-bower-with-sass-and-compass/

Compass 也有办法

https://coderwall.com/p/bhb0pq/using-bower-with-compass

对 Bower 的改进建议（但是没看懂）

cssmagic

$('div[id^=issuecomment-]').each(function () {
	var $header = $(this).find('.timeline-comment-header-text')
	var time = $header.find('time').attr('datetime')
	var date = new Date(time)
	var year = date.getFullYear()
	var month = format(date.getMonth() + 1)
	var day = format(date.getDate())
	var hour = format(date.getHours())
	var min = format(date.getMinutes())
	var sec = format(date.getSeconds())

cssmagic

<meta name="viewport" content="initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">

cssmagic

(function(d){
var src='/path/to/lab.js';
if(window.$LAB){$LAB.src=src;ini()}else{setTimeout(function(){
	var e=d.createElement('script');e.onload=function(){e.onload=null;ini()};
	e.src=src;var s=d.getElementsByTagName('script')[0];s.parentNode.insertBefore(e,s)},0)}
function ini(){
	//do some $LAB stuff here...
}}(document));