Skip to content

Instantly share code, notes, and snippets.

@vondervick
vondervick / SCSS Flexbox Grid
Created November 18, 2019 20:32 — forked from coco-napky/SCSS Flexbox Grid
Scss grid system based on flexbox
//Credits to : http://codepen.io/absolutholz/post/flex-box-grid-with-sass-mixins
//for this awesome port of Kristopher Joseph's
//awesome www.http://flexboxgrid.com/
//Define your break points : xs, sm, md, lg
$viewport-layouts: (
"xs":("min-width": $xs),
"sm":("min-width": $sm),
"md":("min-width": $md),
"lg":("min-width": $lg)
@vondervick
vondervick / stream-context.directive.ts
Created May 31, 2019 13:28 — forked from tjoskar/stream-context.directive.ts
How to use observables in angular 2 template
import { Directive, Input, TemplateRef, ViewContainerRef, EmbeddedViewRef, ChangeDetectorRef } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Subscription } from 'rxjs/Subscription';
@Directive({
selector: '[streamContext][streamContextOn]'
})
export class StreamContext {
@Input() streamContextOn: Observable<any>;
templateRef: TemplateRef<any>;
@vondervick
vondervick / angular_test.html
Created November 9, 2017 20:32 — forked from commercial-hippie/angular_test.html
AngularJS 101: Trying to figure out how to make clone-able or duplicate-able form inputs and input groups.
<!DOCTYPE html>
<html ng-app="sasApp">
<head>
<title>AngularJS Test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
@vondervick
vondervick / app.js
Created May 17, 2016 21:25 — forked from lrvick/app.js
AngularJS credit card form with validation
// MIT: http://opensource.org/licenses/MIT
angular.module('app', []);
angular.module('app').controller
( 'MainCtrl'
, function($scope,$locale) {
$scope.currentYear = new Date().getFullYear()
$scope.currentMonth = new Date().getMonth() + 1
$scope.months = $locale.DATETIME_FORMATS.MONTH
@vondervick
vondervick / bs3-login-form.html
Created March 23, 2016 03:10 — forked from bMinaise/bs3-login-form.html
Bootstrap 3 - Login Form Example From: http://bootsnipp.com
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<h1 class="text-center login-title">Sign in to continue to Bootsnipp</h1>
<div class="account-wall">
<img class="profile-img" src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=120"
alt="">
<form class="form-signin">
<input type="text" class="form-control" placeholder="Email" required autofocus>
<input type="password" class="form-control" placeholder="Password" required>