File: /var/www/html/somonline.org/wp-content/plugins/lets-review/admin/blocks/src/styles/editor.scss
.wp-block {
.wp-block-lets-review {
float: none!important;
.editor-rich-text__tinymce a {
color: inherit;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
height: auto;
}
}
.lets-review-score-type__icon {
.score-overlay-wrap__icon {
margin-left: 10px;
}
.lets-review-block__crit__score {
opacity: 0.8;
}
}
.lets-review-block__wrap-30 {
.lets-review-block__crits {
.leave__review {
display: none!important;
}
&:hover {
.lets-review-block__crit {
opacity: 1!important;
}
}
}
}
.lets-review--side {
margin-right: 0!important;
width: 100%;
max-width: none!important;
}
.lets-review-adder-wrap {
display: none;
border-top: 0!important;
}
.lets-review-design-1 {
.lets-review-block__crits {
.lets-review-adder-wrap {
margin-top: 25px!important;
}
}
}
&.is-selected, &.is-typing {
.lets-review-adder-wrap {
display: block;
}
}
.lr-tooltip {
position: absolute;
top: 100%;
background: rgba(0,0,0,0.8);
color: #eee;
font-weight: 400;
padding: 5px 17px;
border-radius: 10px;
margin-top: 20px;
left: 50%;
font-size: 10px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 100;
transform: translate(-50%, 3px);
}
.score-overlay-wrap {
&:hover {
+ .lr-tooltip {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
}
}
}
.lets-review-block__mask {
.lets-review-remover {
top: 0;
left: 0;
width: 100%;
border-radius: 50%;
}
img + .lets-review-upload {
opacity: 0;
}
button:focus {
outline: 0;
border: 0;
}
&:hover {
cursor: pointer;
.lets-review-upload {
opacity: 1;
}
}
}
.block-editor-block-list__layout .block-editor-block-list__block[data-align="left"][data-type="lets-review/block-review"],
.block-editor-block-list__layout .block-editor-block-list__block[data-align="right"][data-type="lets-review/block-review"] {
.block-editor-block-list__block-edit {
width: 50%;
}
}
.lets-review-block__procon {
display: flex;
justify-content: center;
&:before {
margin-right: 5px;
}
}
.lets-review-design-6, .lets-review-design-5, .lets-review-design-4 {
&:not(.lets-review--side) {
.lets-review-block__procon {
justify-content: flex-start;
}
}
}
.with--remover {
position: relative;
&:hover {
z-index: 9999;
> .lets-review-remover {
opacity: 1;
visibility: visible;
}
}
}
.aff-button-wrap {
a {
text-decoration: none;
color: inherit;
}
}
.lets-review-adder-wrap {
div:not(.lets-review-adder) {
opacity: 0.5;
}
}
.lets-review-remover, .lets-review-adder {
overflow: hidden;
padding: 10px;
display: block;
z-index: 2;
color: #fff;
transition: 0.2s;
}
.lets-review-remover {
position: absolute;
background: #c0392b;
opacity: 0;
right: -30px;
width: 30px;
height: 100%;
top: 0;
visibility: hidden;
&:before, &:after {
content: '';
position: absolute;
height: 2px;
width: 8px;
top: 50%;
left: calc(50% - 4px);
margin-top: -1px;
z-index: 3;
background: #fff;
}
&:before {
transform: rotate(45deg);
}
&:after {
transform: rotate(-45deg);
}
&:hover {
background: #ed3d2b;
}
}
.lets-review-adder {
background: #3e4d71;
display: flex;
justify-content: center;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
align-items: center;
&:hover {
background: #50618a;
}
}
.lets-review-add-i {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
overflow: hidden;
margin-right: 5px;
&:before, &:after {
content: '';
position: absolute;
height: 2px;
width: 10px;
top: 50%;
left: calc(50% - 5px);
margin-top: -1px;
background: #fff;
}
&:after {
transform: rotate(90deg);
}
}
.lets-review-upload {
border: 0;
border-radius: 50%;
background: #222;
color: #fff;
margin: 0;
padding: 0;
height: 100%;
line-height: 0;
width: 100%;
position: absolute;
left: 0;
top: 0;
path {
fill: #fff;
}
}
.lets-review-score-type-1 .lets-review-block__crit__score {
display: flex;
justify-content: flex-end;
}
.lets-review-score-type-1 .score:after {
position: absolute;
top: 0;
}
.lets-review-score-type-1.lets-review-design-6 .score:after {
content: '';
}
.lets-review-aff-block, .lets-review-block__proscons {
.lets-review-adder-wrap {
margin-top: 10px;
}
}
.score {
input {
text-align: center!important;
color: inherit!important;
}
}
.lets-review-score-type-1 .score:after {
content: ''!important;
}
.lets-review-block__crit__score, .score {
.components-base-control__field {
margin: 0;
}
.components-text-control__input {
background-color: transparent;
margin: 0!important;
padding: 0!important;
border: 0!important;
outline: 0!important;
box-shadow: none!important;
text-align: right;
}
}
.lets-review-skin-1 {
&.lets-review-design-1 {
.with--remover:not(.aff-button) {
.lets-review-remover {
border-left: 5px solid #f2f2f2;
}
}
}
}
.lets-review-skin-2 {
&:not(.lets-review-design-6) {
.lets-review-upload {
background: #f2f2f2;
color: #111;
path {
fill: #111;
}
}
}
.with--remover:not(.aff-button) {
.lets-review-remover {
border-left: 5px solid #181818;
}
}
.lets-review-block__crit__score {
.components-text-control__input {
color: #fff!important;
}
}
}
.lr-gallery-wrapper {
button:first-of-type {
margin-right: 10px;
}
}
.lets-review-adder-aff {
order: 5;
}