Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Busy building apps people love ❤️

Anenth Anenth

🎯
Busy building apps people love ❤️
View GitHub Profile
@Anenth
Anenth / notification.scss
Created May 12, 2014
Synamically change text color based on a background color
View notification.scss
$notification-confirm: hsla(101, 72%, 37%, 1); // Green
$notification-warning: #ffc53a; // Yellow
$notification-alert: rgb(172, 34, 34); // Red
%notification {
border-radius: 10px;
display: block;
font-size: 1.5em;
font-family: sans-serif;
padding: 1em 2em;
@Anenth
Anenth / SassMeister-input.scss
Created May 22, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----
$base-font-size: 1em;
$font-size-h1 : $base-font-size * 2.25; // 16 * 2.25 = 36px
$font-size-h2 : $base-font-size * 2; // 16 * 2 = 32px
$font-size-h3 : $base-font-size * 1.75; // 16 * 1.75 = 28px
$font-size-h4 : $base-font-size * 1.5; // 16 * 1.5 = 24px
@Anenth
Anenth / SassMeister-input-HTML.html
Created May 29, 2014
Generated by SassMeister.com.
View SassMeister-input-HTML.html
<div class="l-two-col">
<div class="l-first"></div>
<div class="l-second"></div>
</div>
<div class="l-three-col">
<div class="l-first"></div>
<div class="l-second"></div>
<div class="l-third"></div>
</div>
@Anenth
Anenth / SassMeister-input.scss
Created Jul 25, 2014
Generated by SassMeister.com.
View SassMeister-input.scss
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----
$sizes : small medium large;
@each $size in $sizes{
@include m($size) {
@include #{$size}-only() {
display: none;
View gulpfile.js
gulp.task("build:html", function() {
var cssFilter = $.filter(path.styles.css);
var jsFilter = $.filter(path.scripts.distjs);
var gutil = require('gulp-load-utils')(['log']);
return gulp.src(path.html.rawBase)
.pipe($.useref.assets().on("error", gutil.log))
.pipe(jsFilter)
.pipe(jsFilter.restore())
.pipe(cssFilter)
@Anenth
Anenth / Utils.scss
Last active Aug 29, 2015
Useful Sass mixins
View Utils.scss
// 1. BEM Mixin
@mixin e($name) {
@at-root &__#{$name} {
@content;
}
}
//modifiers get appended with "--" and the $name
@mixin m($name) {
@at-root &--#{$name} {
View preference
{
"auto_complete_commit_on_tab": true,
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/User/base16-eighties.dark (SL).tmTheme",
"detect_indentation": false,
"draw_white_space": "selection",
"folder_exclude_patterns":
[
".svn",
@Anenth
Anenth / atjs.less
Last active Aug 29, 2015
At.js bootstrap style
View atjs.less
.atwho-view {
top: 0;
left: 0;
position: absolute;
display: none;
overflow: auto;
ul {
&:extend(.dropdown-menu);
position: relative;
View gist:6128752
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.parsecdn.com/js/parse-1.2.8.min.js"></script>
Parse.initialize("CqvQbKeavBips6SMg1w2HVl1dPFwdq3KOTYOhpwg", "Xu3fHRW5GWhVPgFFvlMiK0ACFSkaSmmzn8I87XqM"); //application key
var TestObject = Parse.Object.extend("TestObject");
//adding new element to the db