web.lib.components.generate-project.generate-button.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of code-quarkus Show documentation

Customize a Web Interface to generate Quarkus starter projects.

There is a newer version: 37

.generate-project {
  flex: 0 0 390px;
  margin-left: 30px;
  align-self: center;
  height: 40px;
  margin-top: 150px;
  display: flex;
  margin-bottom: 10px;

  .generate-project-button {
    .dropdown {
      align-self: flex-end;
    }

    button {
      cursor: pointer;
    }

    button.generate-button {
      background-color: var(--generateButtonBgColor);
      width: 300px;
      height: 40px;
      padding: 0;
      text-align: center;
      border: 2px solid var(--generateButtonBgColor);
      color: var(--generateButtonTextColor);
      font-weight: bold;

      &:hover {
        border: 2px solid var(--generateButtonBorderColorOnHover);
      }

      &:disabled {
        background-color: var(--generateButtonDisabledBgAndBorderColor);
        border: 2px solid var(--generateButtonDisabledBgAndBorderColor);
        border-right: none;
        color: var(--generateButtonDisabledColor);
      }
    }

    button.generate-button-split-more {
      background-color: var(--generateButtonBgColor);
      height: 40px;
      width: 30px;
      padding: 0;
      border: none;
      color: var(--generateButtonTextColor);

      svg {
        vertical-align: middle;
      }

      &:disabled {
        background-color: var(--generateButtonDisabledBgAndBorderColor);
        color: var(--generateButtonDisabledColor);
        border: 2px solid var(--generateButtonDisabledBgAndBorderColor);
        border-left: none;
      }
    }

    .dropdown-menu {
      width: 380px;

      button, a {
        height: 40px;
        line-height: 40px;

        svg {
          height: 40px;
          vertical-align: top;
        }
      }
    }
  }
}