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

text-{size}-(start/end) as well as text-{size}-(right/center/left) #21619

Closed
fisharebest opened this issue Jan 9, 2017 · 1 comment
Closed

Comments

@fisharebest
Copy link

In scss/utilities/_text.scss, we have three text alignment options

    .text#{$infix}-left   { text-align: left !important; }
    .text#{$infix}-right  { text-align: right !important; }
    .text#{$infix}-center { text-align: center !important; }

Can we add two more?

    .text#{$infix}-start { text-align: start !important; }
    .text#{$infix}-end   { text-align: end !important; }

This will be a great help for sites that support both LTR and RTL languages.
Here, we generally need to align to the start/end, not necessarily the left/right.

A typical use case might be to align form labels with their inputs.

	<div class="row form-group">
		<label class="col-sm-3 col-form-label text-sm-end">
			XXX
		</label>
		<div class="col-sm-9">
			<input type="text" class="form-control">
		</div>
	</div>
@fisharebest
Copy link
Author

Dang. Scrub this. I thought that start/end was supported in the latest IE. It isn't.

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