Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
cc7c27dd
Commit
cc7c27dd
authored
9 years ago
by
Mark Otto
Browse files
Options
Download
Email Patches
Plain Diff
drop .form-horizontal
parent
2cf5213c
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
scss/_forms.scss
+0
-69
scss/_forms.scss
with
0 additions
and
69 deletions
+0
-69
scss/_forms.scss
+
0
-
69
View file @
cc7c27dd
...
...
@@ -408,72 +408,3 @@ input[type="checkbox"] {
}
}
}
// Horizontal forms
//
// Horizontal forms are built on grid classes and allow you to create forms with
// labels on the left and inputs on the right.
.form-horizontal
{
// Consistent vertical alignment of radios and checkboxes
//
// Labels also get some reset styles, but that is scoped to a media query below.
.radio
,
.checkbox
,
.radio-inline
,
.checkbox-inline
{
padding-top
:
(
$padding-base-vertical
+
.1
);
// Default padding plus a border
margin-top
:
0
;
margin-bottom
:
0
;
}
// Account for padding we're adding to ensure the alignment and of help text
// and other content below items
.radio
,
.checkbox
{
min-height
:
(
$line-height-computed
+
(
$padding-base-vertical
+
.1
));
}
// Make form groups behave like rows
.form-group
{
@include
make-row
();
}
// Reset spacing and right align labels, but scope to media queries so that
// labels on narrow viewports stack the same as a default form example.
@include
media-breakpoint-up
(
sm
)
{
.control-label
{
padding-top
:
(
$padding-base-vertical
+
.1
);
// Default padding plus a border
margin-bottom
:
0
;
text-align
:
right
;
}
}
// Validation states
//
// Reposition the icon because it's now within a grid column and columns have
// `position: relative;` on them. Also accounts for the grid gutter padding.
.has-feedback
.form-control-feedback
{
right
:
(
$grid-gutter-width
/
2
);
}
// Form group sizes
//
// Quick utility class for applying `.input-lg` and `.input-sm` styles to the
// inputs and labels within a `.form-group`.
.form-group-lg
{
@include
media-breakpoint-up
(
sm
)
{
.control-label
{
padding-top
:
$padding-lg-vertical
;
}
}
}
.form-group-sm
{
@include
media-breakpoint-up
(
sm
)
{
.control-label
{
padding-top
:
(
$padding-sm-vertical
+
.1
);
}
}
}
}
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets