Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add width-auto, height-auto classes. #46

Open
ainsleyclark opened this issue Jul 23, 2019 · 2 comments
Open

Add width-auto, height-auto classes. #46

ainsleyclark opened this issue Jul 23, 2019 · 2 comments

Comments

@ainsleyclark
Copy link
Owner

Describe the bug
Need to add width and height auto classes & at responsive breakpoints.

@ainsleyclark
Copy link
Owner Author

ainsleyclark commented Jul 23, 2019

New loop in sizing page

@each $property, $abbrev in (width: w, height: h) {
	@each $modifier, $breakpoint in $grid-properties {
		@include create-mediaquery($breakpoint) {
			@each $value in $sizing-properties {
				//Rid of % in $value
				$class-value: str-replace(#{$value}, '%', '');
				.#{$abbrev}#{$modifier}-#{$class-value} {
					#{$property}: #{$value} !important;
				}
			}
			//Auto classes
			.#{$abbrev}#{$modifier}-auto {
				#{$property}: auto !important;
			}
		}
	}
}

@ainsleyclark
Copy link
Owner Author

ainsleyclark commented Jul 23, 2019

Add to docs page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant