✏️ Editing: editor.scss Writable

.sp-easy-accordion-tabs-panel {
  .sp-eab-border-component {
    .components-select-control {
      flex-direction: row;
      align-items: center;

.components-input-control__container {
        flex: 0;
      }

.components-select-control__input {
        width: 185px;
      }
    }

// border style selector buttons.

.sp-eab-button-component {
      .sp-eab-button-group-content span {
        border-color: #2F2F2F;
        padding: 2px;
        margin: 3px;
        width: 100%;

&.sp-eab-border-double {
          margin: 2px;
        }
      }

&.active {
        .sp-eab-button-group-content span {
          border-color: #fff;
          color: #fff;
        }

span {
          svg {
            fill: #fff;

path {
              stroke: #fff;
              fill: #fff;
            }
          }
        }

&:hover {
          color: #fff;
        }
      }

&:hover p {
        opacity: 1;
        visibility: visible;
      }

&:hover {
        color: #2F2F2F;
      }

span {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }

// border styles.
    .sp-eab-border {
      &-none {
        border-style: none;
      }

&-solid {
        border-width: 1px;
        border-style: solid;
      }

&-dashed {
        border-width: 1px;
        border-style: dashed;
      }

&-dotted {
        border-width: 1px;
        border-style: dotted;
      }

&-double {
        border-width: 3px;
        border-style: double;
      }
    }
  }
}

🔐 Sid Gifari File Manager Pro