linuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacos
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.6 KiB
79 lines
1.6 KiB
9 years ago
|
.#{$prefix}form-item {
|
||
|
display: table;
|
||
|
table-layout: fixed;
|
||
|
// Setting border-spacing to 0 ensures that fields don't inherit border-spacing from
|
||
|
// above them if they are placed inside of a table.
|
||
|
border-spacing: 0;
|
||
|
border-collapse: separate;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-label {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item.#{$prefix}form-item-no-label > .#{$prefix}form-item-label {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-label,
|
||
|
.#{$prefix}form-item-body {
|
||
|
display: table-cell;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-body {
|
||
|
vertical-align: middle;
|
||
|
height: 100%; // grow if field height is not shrink wrap
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-label-inner {
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-label-top {
|
||
|
display: table-row;
|
||
|
height: 1px; // shrink wrap height
|
||
|
> .#{$prefix}form-item-label-inner {
|
||
|
display: table-cell;
|
||
|
}
|
||
|
}
|
||
|
.#{$prefix}form-item-label-top-side-error:after {
|
||
|
display: table-cell;
|
||
|
content: '';
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-item-label-right {
|
||
|
text-align: right;
|
||
|
@if $include-rtl {
|
||
|
&.#{$prefix}rtl {
|
||
|
text-align: left;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-error-wrap-side {
|
||
|
display: table-cell;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-error-wrap-under {
|
||
|
display: table-row;
|
||
|
height: 1px; // shrink wrap height
|
||
|
> .#{$prefix}form-error-msg {
|
||
|
display: table-cell;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-error-wrap-under-side-label:before {
|
||
|
display: table-cell;
|
||
|
content: '';
|
||
|
pointer-events: none;
|
||
|
}
|
||
|
|
||
|
.#{$prefix}form-invalid-icon {
|
||
|
overflow: hidden;
|
||
|
ul {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
|