Skip to content

Instantly share code, notes, and snippets.

View fredyang's full-sized avatar

Fred Yang fredyang

View GitHub Profile
@fredyang
fredyang / getStyle.js
Created December 31, 2014 15:27
get current style for element
function getStyle(element, key) {
var node = element[0];
return node.currentStyle ?
node.currentStyle[key] :
$window.getComputedStyle(node)[key];
}
var R_ISO8061_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?:\:?(\d\d)(?:\:?(\d\d)(?:\.(\d{3}))?)?)?(Z|([+-])(\d\d):?(\d\d)))?$/;
function jsonStringToDate(string) {
var match;
if (match = string.match(R_ISO8061_STR)) {
var date = new Date(0),
tzHour = 0,
tzMin = 0;
if (match[9]) {
tzHour = int(match[9] + match[10]);
@fredyang
fredyang / SassMeister-input.scss
Created February 18, 2014 03:53
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----
@function combine($prefix, $list) {
$temp: "";
$n: length($list);
@fredyang
fredyang / SassMeister-input.scss
Created February 8, 2014 15:47
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
@mixin ie6 {
//the & is context selector passed in from caller
.ie6 & {
@content;
}
@fredyang
fredyang / SassMeister-input.scss
Created February 8, 2014 15:36
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----
#sidebar %link {
text-decoration: underline;
}
p %link {
color: blue;
@fredyang
fredyang / SassMeister-input.scss
Created February 3, 2014 20:25
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
//---------------component style--------------------
//my-widget.scss
.my-widget {
//in French it should look like this
.fr & {
@fredyang
fredyang / SassMeister-input.scss
Created January 30, 2014 15:02
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.colorAndWheel {
height: 200px;
width:800px;
@fredyang
fredyang / SassMeister-input-HTML.html
Created January 29, 2014 06:36 — forked from una/SassMeister-input-HTML.html
Generated by SassMeister.com.
<!-- @una made this -->
<ul class="color-list">
<li class="color-box brick-red"></li>
<li class="color-box strawberry"></li>
<li class="color-box deep-orange"></li>
<li class="color-box tangerine"></li>
<li class="color-box gold"></li>
<li class="color-box sunshine"></li>
<li class="color-box grass-green"></li>
@fredyang
fredyang / SassMeister-input.scss
Created January 29, 2014 06:15
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
//elements get appended with "__" and the $name
@mixin e($name) {
@at-root #{&}__#{$name} {
@content;
}
@fredyang
fredyang / SassMeister-input.scss
Created January 20, 2014 04:28
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@mixin log($comment, $value: null) {
@if $value == null {
/* #{$comment} */
} @else {
/* #{$comment}:#{$value} */