scinote-web/app/assets/stylesheets/steps/components/text.scss

53 lines
855 B
SCSS
Raw Normal View History

2022-05-10 19:28:09 +08:00
.step-text-container {
display: block;
margin-bottom: 16px;
padding-left: var(--left-component-padding);
2022-05-10 19:28:09 +08:00
position: relative;
width: calc(100% + 16px);
.buttons-container {
background: linear-gradient(
90deg,
transparent 0%,
$color-concrete 25%,
$color-concrete 100%
);
display: none;
padding-left: 2em;
position: absolute;
right: 0;
2022-05-10 19:28:09 +08:00
}
2022-05-10 19:28:09 +08:00
.element-grip {
align-items: center;
2022-06-21 17:32:27 +08:00
color: $color-silver-chalice;
2022-05-10 19:28:09 +08:00
display: none;
height: 100%;
justify-content: center;
left: 0;
2022-06-21 17:32:27 +08:00
padding: .5em;
2022-05-10 19:28:09 +08:00
position: absolute;
}
&:hover:not(.edit) {
background: $color-concrete;
.buttons-container {
display: flex;
}
.element-grip {
display: flex;
}
}
&.edit {
.buttons-container,
.element-grip {
2022-05-10 19:28:09 +08:00
display: none;
}
}
}