adom-demo-marked.scss

:host([hidden]) {
  display: none;
}

:host {
  display: block;
  box-sizing: border-box;
  @apply(--adom-demo-marked);
}

.toastContent {
  padding:0.5em 0 0.5em 0;
  color: var(--adom-demo-marked-toast-content-color, green);
}

.contentPage {
  margin: 1em;
  @apply(--adom-demo-marked-content-page);
  &__info {
    padding: 1em;
    @apply(--adom-demo-marked-content-page-info);
    &__heading {
      color: #3e3e3e;
      text-transform: capitalize;
      @apply(--adom-demo-marked-content-page-info-heading);
    }
    &__description {
      color: #999;
      @apply(--adom-demo-marked-content-page-info-description);
    }
  }
  &__properties {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  &__properties paper-input {
    margin-right: 20px;
  }

  paper-listbox {
    width: 206px;
  }
  paper-item {
    padding: 0.5em;
  }
  paper-dropdown-menu {
    display: block;
    margin-right: 20px;
  }
}