taiga-front/app/styles/components/select-color.scss

44 lines
953 B
SCSS

.select-color {
@include popover(323px, 0, 50px, '', '', 15px, 13px, -7px);
border-radius: 0 10px 10px 0;
padding: 15px;
li {
float: left;
margin: 0 .5rem .5rem 0;
&:nth-child(7n) {
margin-right: 0;
}
&:nth-last-child(-n+7) {
margin-bottom: 0;
}
}
.color {
background-color: $gray-light;
border-radius: 2px;
cursor: pointer;
height: 35px;
width: 35px;
}
ul {
float: left;
margin-bottom: 1rem;
}
input {
@include font-size(medium);
@include font-type(text);
background-color: $whitish;
width: 243px;
@include placeholder {
color: $gray;
}
}
.selected-color {
background: $gray-light;
border-radius: 2px;
cursor: pointer;
float: right;
height: 40px;
width: 40px;
}
}