| @@ -1,50 +0,0 @@ | ||||
| // Flexbox Utility Classes | ||||
| .flex-group-center { | ||||
|   @include flexbox(center, center); | ||||
|   text-align: center; | ||||
| } | ||||
|  | ||||
| .flex-group-left { | ||||
|   @include flexbox(flex-start, center); | ||||
|   text-align: left; | ||||
| } | ||||
|  | ||||
| .flex-group-right { | ||||
|   @include flexbox(flex-end, center); | ||||
|   text-align: right; | ||||
| } | ||||
|  | ||||
| .flexshrink { | ||||
|   flex: 0; | ||||
| } | ||||
|  | ||||
| .flex-between { | ||||
|   justify-content: space-between; | ||||
| } | ||||
|  | ||||
| .flexlarge { | ||||
|   flex: 2; | ||||
| } | ||||
|  | ||||
| // Alignment Utility Classes | ||||
| .align-left { | ||||
|   @include flexbox(flex-start, center); | ||||
|   text-align: left; | ||||
| } | ||||
|  | ||||
| .align-right { | ||||
|   @include flexbox(flex-end, center); | ||||
|   text-align: right; | ||||
| } | ||||
|  | ||||
| .align-center { | ||||
|   @include flexbox(center, center); | ||||
|   text-align: center; | ||||
| } | ||||
|  | ||||
| // Only apply the right alignment to specific inputs with this class | ||||
| .right-align-input { | ||||
|   flex: 1; | ||||
|   margin-left: auto; // Push the input to the far right | ||||
|   max-width: 260px; // Optional: Control the width of the input field | ||||
| } | ||||
		Reference in New Issue
	
	Block a user