Skip to content

Commit

Permalink
Merge pull request #61 from legalthings/material-label-over-input-addons
Browse files Browse the repository at this point in the history
Do some background on the lables addons
  • Loading branch information
jasny authored May 15, 2017
2 parents 0b1732f + a30f94b commit 634800a
Showing 1 changed file with 11 additions and 0 deletions.
11 changes: 11 additions & 0 deletions css/material.css
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,17 @@
border: none;
}

.material .form-group .input-group-addon:last-child ,
.material .form-group .input-group-btn {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%);
transition: background .3s ease;
}

.material .form-group.is-empty:not(.is-focused) .input-group-addon:last-child ,
.material .form-group.is-empty:not(.is-focused) .input-group-btn {
background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 1) 30%);
}

.material .form-group.is-empty:not(.is-focused) .input-group .input-group-addon:first-child {
visibility: hidden;
}
Expand Down

0 comments on commit 634800a

Please sign in to comment.