bigbuffet-rw/app/styles/components/group-form.scss

60 lines
1.1 KiB
SCSS
Raw Normal View History

2020-03-27 13:59:38 -07:00
.group-form {
2020-06-02 15:42:09 -07:00
@include standard-panel;
2020-05-15 20:48:08 -07:00
padding: 20px;
2020-05-28 17:58:37 -07:00
&,
2020-05-15 20:48:08 -07:00
div {
box-sizing: border-box;
float: left;
width: 100%;
}
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
input[type=text],
textarea {
&.standard {
width: 100%;
margin: 0 0 10px;
}
}
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
textarea {
float: left;
height: 88px;
}
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
.group-form__file-label {
2020-05-28 17:58:37 -07:00
@include font-size(12);
@include font-weight(light);
2020-05-15 20:48:08 -07:00
cursor: pointer;
display: block;
box-sizing: border-box;
float: left;
2020-05-28 17:58:37 -07:00
height: 20px;
padding: 3px 0 0 33px;
2020-06-06 20:55:00 -07:00
color: var(--primary-text-color--faint);
2020-05-15 20:48:08 -07:00
background-repeat: no-repeat;
background-image: url('../images/sprite-post-functions.png');
background-size: 100px 1200px;
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
&:hover {
color: var(--brand-color);
2020-05-15 20:48:08 -07:00
background-position: 0 -100px;
}
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
&.group-form__file-label--selected {
background-position: 0 -100px;
color: var(--brand-color);
2020-05-15 20:48:08 -07:00
}
}
2020-05-28 17:58:37 -07:00
2020-05-15 20:48:08 -07:00
.group-form__file {
width: 1px;
height: 1px;
overflow: hidden;
opacity: 0;
position: absolute;
pointer-events: none;
}
button {float: right;}
2020-05-28 17:58:37 -07:00
}