Skip to content

Instantly share code, notes, and snippets.

View Yanioconjota's full-sized avatar

Yanioconjota

2 followers · 11 following
View GitHub Profile
@Yanioconjota
Yanioconjota / flexbox.scss
Created April 11, 2019 13:19 — forked from richardtorres314/flexbox.scss
CSS Flexbox - Sass Mixins
// --------------------------------------------------
// Flexbox SASS mixins
// The spec: http://www.w3.org/TR/css3-flexbox
// --------------------------------------------------
// Flexbox display
@mixin flexbox() {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
@Yanioconjota
Yanioconjota / ng-reactive-sticky-header#final.ts
Created February 1, 2019 19:15 — forked from realtomaszkula/ng-reactive-sticky-header#final.ts
enum VisibilityState {
Visible = 'visible',
Hidden = 'hidden'
}
enum Direction {
Up = 'Up',
Down = 'Down'
}
@Yanioconjota
Yanioconjota / mixins.scss
Created October 13, 2017 13:55 — forked from charlieschwabacher/mixins.scss
SCSS mixins for cross browser CSS3 border-radius, transition, gradient, and box shadow
//Cross browser CSS3 mixins
@mixin box-shadow($left, $top, $radius, $color) {
box-shadow: $left $top $radius $color;
-webkit-box-shadow: $left $top $radius $color;
-moz-box-shadow: $left $top $radius $color;
}
@mixin transition($property, $duration, $easing: linear) {
transition: $property $duration $easing;
@Yanioconjota
Yanioconjota / _mixins.scss
Created June 5, 2017 02:12 — forked from garyharan/_mixins.scss
Useful scss mixins (rounded corners, gradients, text-field, button)
@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
@if $inset {
-webkit-box-shadow:inset $top $left $blur $color;
-moz-box-shadow:inset $top $left $blur $color;
box-shadow:inset $top $left $blur $color;
} @else {
-webkit-box-shadow: $top $left $blur $color;
-moz-box-shadow: $top $left $blur $color;
box-shadow: $top $left $blur $color;
}
@Yanioconjota
Yanioconjota / center.css
Created April 5, 2017 20:21 — forked from flpwgr/center.css
Vertical align for ion-content
/* Vertically aling on ion-content */
.center {
border: 1px solid red;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
@Yanioconjota
Yanioconjota / README.md
Created January 12, 2017 21:01 — forked from hofmannsven/README.md
My simply Git Cheatsheet
@Yanioconjota
Yanioconjota / transition_mixin
Created January 12, 2017 19:23
SASS:Transition Mixin
@mixin transition($transition-property, $transition-time, $method) {
-webkit-transition: $transition-property $transition-time $method;
-moz-transition: $transition-property $transition-time $method;
-ms-transition: $transition-property $transition-time $method;
-o-transition: $transition-property $transition-time $method;
transition: $transition-property $transition-time $method;
}
/* Usage - Stick into the top of your SCSS sheet and @include where needed for cross browser transitions.
.class {