elements-sk/modules/icons-demo-sk/icons-demo-sk.scss

// This wouldn't be necessary if we imported our icons from icons-demo-sk.ts directly via
// "import '../icons/some-icon-sk'" statements rather than via the generated icons.ts file.
@import '../icons/icon-sk';

icons-demo-sk {
  .search {
    display: flex;
    flex-direction: row;
    gap: 10px;

    input[type="text"] {
      width: 200px;
    }

    button {
      width: 100px;
    }
  }

  h2, .no-results {
    margin: 50px 0 20px;
  }

  .icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
  }

  .icon {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 0;
    width: 200px;

    figcaption {
      color: gray;
    }
  }
}