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 {

Yanioconjota / README.md

Created January 12, 2017 21:01 — forked from hofmannsven/README.md

My simply Git Cheatsheet

Using Git

Global Settings

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 / _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 / 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 / useful scss mixins

Last active December 11, 2018 00:11

	// Mixins
	// --------------------------

	@mixin fa-icon() {
	display: inline-block;
	font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
	font-size: inherit; // can't have font-size inherit on line above, so need to override
	text-rendering: auto; // optimizelegibility throws things off #1094
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

Yanioconjota / material-inputs.html

Created December 11, 2018 00:08

Material like inputs

	<div class="group">
	<input type="text" required>
	<span class="highlight"></span>
	<span class="bar"></span>
	<label>Nombre y Apellido</label>
	</div>
	<div class="group">
	<input type="text" required>
	<span class="highlight"></span>
	<span class="bar"></span>

Yanioconjota / ng-reactive-sticky-header#final.ts

Created February 1, 2019 19:15 — forked from realtomaszkula/ng-reactive-sticky-header#final.ts

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 / sass-transforms

Created April 29, 2020 22:20 — forked from fieldoffice/sass-transforms

Sass Transform Mixins

	// Browser Prefixes
	@mixin transform($transforms) {
	-webkit-transform: $transforms;
	-moz-transform: $transforms;
	-ms-transform: $transforms;
	transform: $transforms;
	}

	// Rotate
	@mixin rotate ($deg) {