Skip to content

Instantly share code, notes, and snippets.

Niko Myllynen spktklr

Block or report user

Report or block spktklr

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@spktklr
spktklr / bootstrap-grid-mixins.scss
Created Oct 13, 2016
Grid mixins for bootstrap 4
View bootstrap-grid-mixins.scss
// Have a rule differ in different sizes
@mixin responsive-property( $rule, $sizes... ) {
@each $size in $sizes {
$i: index( $sizes, $size );
@if $size == nth( $sizes, 1 ) {
#{$rule}: $size;
} @else {
@include media-breakpoint-up( nth( map-keys( $grid-breakpoints ), $i ) ) {
#{$rule}: $size;
};
@spktklr
spktklr / responsive-property.scss
Created Sep 29, 2016
A responsive-property mixin for Sass Bootstrap
View responsive-property.scss
$grid-breakpoints: (
xs: 0,
sm: 544px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1920px
);
@mixin responsive-property( $rule, $sizes... ) {
You can’t perform that action at this time.