Sha256: 5c71c39342a2a46e141134359753c16b47bdb0bf1a171788e7601b5b9ba7f59a
Contents?: true
Size: 1.2 KB
Versions: 9
Compression:
Stored size: 1.2 KB
Contents
.uniformFloatingLabel{
display: flex;
align-items: center;
border: 1px solid color('gray');
position:relative;
background:white;
&>*{
flex: 0 1 auto;
}
label{
z-index: 1;
padding: 0 1em;
font-weight:normal !important;
cursor: text;
}
& > input,
& > textarea,
& > select,
& > .uniformInputGroup{
@include uniformInput;
position:relative;
display:block;
width: 100%;
border:none !important;
background:none;
}
& > select {
z-index: 2;
}
& > .uniformInputGroup{
display: flex;
}
&.enabled{
label{
white-space: nowrap;
transition: font-size 0.1s, line-height 0.1s, opacity 0.1s;
}
}
&.inactive{
input,
textarea,
select{
&::placeholder{
color: transparent;
}
}
}
&.float{
label{
font-size: 80%;
opacity: 0.8;
}
}
&.active{
label{
color: color('green-dark');
opacity: 1;
}
}
input.pad-2x{
padding: 1em;
}
}
Version data entries
9 entries across 9 versions & 1 rubygems