1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-21 06:09:42 +02:00
documize/gui/app/styles/view/document/add-section.scss

144 lines
2.3 KiB
SCSS
Raw Normal View History

2017-12-05 19:03:38 +00:00
.start-section {
@extend .no-select;
height: 60px;
background-color: transparent;
position: relative;
cursor: pointer;
> .start-button {
display: none;
text-align: center;
2017-12-15 16:47:44 +00:00
padding-top: 10px;
2017-12-05 19:03:38 +00:00
position: relative;
}
&:first-of-type {
height: 30px;
> .start-button {
2017-12-15 16:47:44 +00:00
padding: 0;
2017-12-05 19:03:38 +00:00
}
}
}
.start-section-empty-state {
> .start-button {
display: block;
}
}
.new-section-wizard {
2017-12-15 16:14:44 +00:00
display: none;
2017-12-05 19:03:38 +00:00
@include border-radius(2px);
2017-12-15 16:14:44 +00:00
margin: 0 0 60px 0;
2017-12-05 19:03:38 +00:00
padding: 30px;
border: 1px solid $color-stroke;
2017-12-15 16:14:44 +00:00
background-color: $color-primary-light;
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
.new-section-caption {
margin: 20px 0 10px 0;
color: $color-primary;
font-size: 1.4rem;
2017-12-05 19:03:38 +00:00
font-weight: bold;
}
2017-12-15 16:14:44 +00:00
.preset-list {
margin: 20px 0 0 0;
padding: 0;
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
> .item {
@include ease-in();
@include border-radius(3px);
list-style: none;
cursor: pointer;
display: inline-block;
border: 1px solid $color-border;
background-color: $color-white;
margin: 0 20px 20px 0;
padding: 12px 0 0 20px;
width: 250px;
height: 60px;
&:hover {
2017-12-05 19:03:38 +00:00
@include ease-in();
2017-12-15 16:14:44 +00:00
border-color: $color-link;
}
.icon {
text-align: center;
2017-12-05 19:03:38 +00:00
display: inline-block;
2017-12-15 16:14:44 +00:00
width: 40px;
margin-right: 10px;
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
> .img {
2017-12-05 19:03:38 +00:00
text-align: center;
display: inline-block;
2017-12-15 16:14:44 +00:00
height: 30px;
width: 30px;
2017-12-05 19:03:38 +00:00
}
2017-12-15 16:14:44 +00:00
}
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
> .title {
display: inline-block;
font-size: 1rem;
font-weight: normal;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 6px;
2017-12-05 19:03:38 +00:00
}
}
2017-12-15 16:14:44 +00:00
}
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
.block-list {
margin: 20px 0 0 0;
padding: 0;
> .item {
@include ease-in();
@include border-radius(3px);
list-style: none;
cursor: pointer;
display: block;
border: 1px solid $color-border;
background-color: $color-white;
margin: 0 20px 20px 0;
padding: 20px;
height: 90px;
width: 100%;
position: relative;
&:hover {
@include ease-in();
border-color: $color-link;
> .block-actions {
display: block;
}
}
2017-12-05 19:03:38 +00:00
2017-12-15 18:43:22 +00:00
> .actions {
2017-12-05 19:03:38 +00:00
@include ease-in();
2017-12-15 16:14:44 +00:00
position: absolute;
top: 10px;
right: 8px;
}
2017-12-05 19:03:38 +00:00
2017-12-15 16:14:44 +00:00
> .details {
> .title {
font-size: 1.1rem;
font-weight: bold;
color: $color-off-black;
letter-spacing: 0.5px;
margin-top: 0;
2017-12-05 19:03:38 +00:00
}
2017-12-15 16:14:44 +00:00
> .desc {
color: $color-off-black;
font-size: 1rem;
margin-top: 5px;
2017-12-05 19:03:38 +00:00
}
}
}
}
}