@ -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