Skip to content

Instantly share code, notes, and snippets.

View Yurii-Chaban's full-sized avatar

Yurii Chaban Yurii-Chaban

  • Ukraine, Cherkassy
View GitHub Profile
@Yurii-Chaban
Yurii-Chaban / flexbox.scss
Created January 23, 2016 11:17 — forked from cimmanon/flexbox.scss
This collection of Sass mixins to cover all 3 flexbox specifications that have been implemented. More information can be found here: https://gist.github.com/cimmanon/727c9d558b374d27c5b6
@import "compass/css3/shared";
// NOTE:
// All mixins for the 2009 spec have been written assuming they'll be fed property values that
// correspond to the standard spec. Some mixins can be fed values from the 2009 spec, but don't
// rely on it. The `legacy-order` mixin will increment the value fed to it because the 2009
// `box-ordinal-group` property begins indexing at 1, while the modern `order` property begins
// indexing at 0.
// if `true`, the 2009 properties will be emitted as part of the normal mixin call

CSS Flexbox: Specification Unification

The flexbox module has been kicking around for quite some time. There are 3 different specifications that have been implemented in the major browsers. This is an overview of how to cover all of them. If you're interested in how to use flexbox, there are many fine articles out there (some have been linked below).

Browsers

  • Chrome 21 (prefixed)
  • Opera 12.1 (unprefixed)
@Yurii-Chaban
Yurii-Chaban / js-task-1.md
Created March 23, 2017 19:51 — forked from codedokode/js-task-1.md
Задания на яваскрипт (простые)
@Yurii-Chaban
Yurii-Chaban / no-dbl-click-mat.directive.ts
Created September 11, 2018 08:16 — forked from svetlio/no-dbl-click-mat.directive.ts
Angular 5 directive - Prevent double click for html button (no-dbl-click.directive.ts), and material mat-button (no-dbl-click-mat.directive.ts)
import { Directive, HostListener } from '@angular/core';
@Directive({
selector: '[appNoDblClickMat]'
})
export class NoDblClickDirectiveMat {
constructor() { }
@HostListener('click', ['$event'])