Sha256: 708e59d67807f2df2ef2359b834ac0da0fab96d2ad98391d0168586373cd1d23
Contents?: true
Size: 1.96 KB
Versions: 98
Compression:
Stored size: 1.96 KB
Contents
.st-block__control-ui {
position: absolute;
bottom: 0; left: 0;
opacity: 1;
}
.st-block__inner:hover .st-block__ui,
.st-block__inner:hover .st-block__control-ui {
opacity: 1;
}
.st-block-ui__confirm {
color: $error-color;
border:1px solid $error-color;
background:none;
padding: 0.15em .4em;
margin: 0 0.1em;
font-size:.9em;
cursor:pointer;
}
%st-block-ui-btn {
@extend .st-icon;
display: block;
cursor: pointer;
width: 1em;
height: 1em;
color:$block-controls-color;
}
.st-block-ui-btn__reorder {
@extend %st-block-ui-btn;
position: absolute;
right: 2em;
transform: scaleX(-1);
top: 0.5em;
opacity: 0.2;
transition: opacity 0.3s ease-in-out;
&:hover,
&:focus {
color:$accent-color;
opacity: 1;
}
}
.st-block-ui-btn__delete {
@extend %st-block-ui-btn;
position: absolute;
right: 1em;
top: 1.5em;
font-size:1.5em;
opacity: 0.5;
&:hover,
&:focus {
color:$error-color;
opacity: 1;
}
.st-block--textable &,
.st-block[data-type="list"] &,
.st-block {
display: none;
}
.st-block[data-type="quote"] & {
display: block;
}
}
.st-block-control-ui-btn {
@extend %st-block-ui-btn;
width: 2em;
line-height: 1.25em;
height: 1.25em;
font-size: 1em;
display: inline-block;
padding: 3px;
transition: color .1s;
&:hover,
&:focus {
color:$accent-color;
}
}
.st-block-control-ui-btn--selected {
color:$accent-color;
}
.st-block--with-errors .st-block-control-ui-btn,
.st-block--delete-active .st-block-control-ui-btn {
color: $error-color;
border-color: $error-color;
&:hover,
&.active {
color: #fff;
background-color: $error-color;
}
}
.st-block__ui-delete-controls {
@include ui-popup;
right: 4em;
top: 1.85em;
padding: 0.3em .5em;
border-color:$error-color;
&:before {
left:auto;
right:-0.3em;
border-color:$error-color;
}
}
.st-block--with-errors {
opacity: 1;
z-index: 2;
}
.st-block__delete-label {
color: $error-color;
}
Version data entries
98 entries across 98 versions & 1 rubygems