Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

input-group-flat

Browse Source
This commit is contained in:
codecalm
2020-01-10 23:33:10 +01:00
parent 15c85ac558
commit ab91ac0f26
5 changed files with 71 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
scss/ui/_forms.scss
View File

@@ -22,6 +22,19 @@ Form label
font-size: $small-font-size ;
}
/**
Form hint
*/
.form-hint {
font-size: $small-font-size;
color: $text-muted;
margin: 0 0 .5rem;
.form-label + & {
margin-top: -.75rem;
}
}
/**
Form control
*/
@@ -113,3 +126,51 @@ Input group
*/
.input-group-prepend .input-group-text { border-right: 0; }
.input-group-append .input-group-text { border-left: 0; }
.input-group-flat {
&:focus-within {
box-shadow: $input-focus-box-shadow;
border-radius: $input-border-radius;
.form-control,
.input-group-text {
border-color: $input-focus-border-color !important;
}
}
.form-control {
&:focus {
border-color: $input-border-color;
box-shadow: none;
}
&:not(:last-child) {
border-right: 0;
}
&:not(:first-child) {
border-left: 0;
}
}
.input-group-prepend {
margin-right: 0;
.input-group-text {
padding-right: 0;
}
}
.input-group-append {
margin-left: 0;
.input-group-text {
padding-left: 0;
}
}
.input-group-text {
background: transparent;
transition: $input-transition;
}
}