Sha256: 551f0615e7f118df3ff94f5e51412bca3b0e65effff53386c848101ae501c1f5

Contents?: true

Size: 596 Bytes

Versions: 5

Compression:

Stored size: 596 Bytes

Contents

@mixin responsive($screen-size) {
	// 480
		@if $screen-size == xs {
			@media only screen and (min-width: $screen-xs) {
				@content;
			}
		}
	// 768
		@else if $screen-size == sm {
			@media only screen and (min-width: $screen-sm) {
				@content;
			}
		}
	// 992
		@else if $screen-size == md {
			@media only screen and (min-width: $screen-md) {
				@content;
			}
		}
	// 1440
		@else if $screen-size == lg {
			@media only screen and (min-width: $screen-lg) {
				@content;
			}
		}
	// customised break point
		@else {
			@media only screen and #{$screen-size} {
				@content;
			}
		}
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
material-sass-1.4.1 app/assets/stylesheets/material/mixin/_responsive.scss
material-sass-1.4.0 app/assets/stylesheets/material/mixin/_responsive.scss
material-sass-1.3.0 app/assets/stylesheets/material/mixin/_responsive.scss
material-sass-1.1.0 app/assets/stylesheets/material/mixin/_responsive.scss
material-sass-1.0.0 app/assets/stylesheets/material/mixin/_responsive.scss