1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-23 15:19:42 +02:00
documize/gui/app/styles/widget/widget-list-picker.scss
McMatts 27fde0dac8 Streamline document meta view and editing experience
Meta data:

1. Condensed layout.
2. Unified editing.

Co-Authored-By: Saul S <sauls8t@users.noreply.github.com>
2018-06-15 14:25:05 +01:00

65 lines
1 KiB
SCSS

.widget-list-picker {
margin: 10px 0;
> .options {
width: 100%;
margin: 0 auto;
padding: 0;
> .option {
@include ease-in();
margin: 0 0 5px 0;
padding: 10px 15px;
color: $color-gray;
background-color: $color-off-white;
cursor: pointer;
position: relative;
list-style-type: none;
line-height: 26px;
&:hover {
color: $color-black;
// background-color: $color-primary-light;
}
> .text {
width: 80%;
font-weight: bold;
}
> .material-icons {
position: absolute;
top: 10px;
right: 10px;
color: $color-white;
}
}
> .selected {
color: $color-white !important;
background-color: $color-link !important;
}
}
}
.widget-list-choice {
text-align: left;
margin: 0;
padding: 0;
display: inline-block;
> li {
margin: 0 20px 0 0;
padding: 0;
display: inline-block;
font-size: 1.3rem;
font-weight: 700;
color: $color-gray;
cursor: pointer;
}
> .selected {
color: $color-green;
border-bottom: 1px solid $color-green;
}
}