%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/forge/takeaseat.eco-n-tech.co.uk/assets/css/components/
Upload File :
Create Path :
Current File : //home/forge/takeaseat.eco-n-tech.co.uk/assets/css/components/_button.css

/* Global button styles */
.btn {
  @apply appearance-none block px-4 py-4 text-center rounded-full;

  &:hover,
  &:focus {
    @apply outline-none;
  }
}

.btn-small {
  @apply px-3 py-3 text-center;
}

.btn-primary {
  @apply bg-black border border-black text-white transition ease-in-out duration-200;

  &:hover,
  &:focus {
    @apply bg-white text-black shadow-md;
  }

  &:disabled,
  &:disabled:hover,
  &:disabled:focus {
    @apply shadow-none bg-gray text-black text-opacity-50 border-opacity-50 cursor-not-allowed;
  }
}

.btn-secondary {
  @apply bg-yellow text-black transition ease-in-out duration-200;

  &:hover,
  &:focus {
    @apply bg-yellow;
  }

  &:disabled,
  &:disabled:hover,
  &:disabled:focus {
    @apply shadow-none bg-gray text-black text-opacity-50 border-opacity-50 cursor-not-allowed;
  }
}

.btn-tertiary {
  @apply bg-white border border-white text-black transition ease-in-out duration-200;

  &:hover,
  &:focus {
    @apply bg-black text-white;
  }

  &:disabled,
  &:disabled:hover,
  &:disabled:focus {
    @apply shadow-none bg-gray text-black text-opacity-50 border-opacity-50 cursor-not-allowed;
  }
}

@media (max-width: 640px) {
  .btn {
    @apply w-full;
  }

  .btn-small {
    @apply w-full;
  }
}

@media (min-width: 640px) {
  .btn {
    @apply px-8;
  }

  .btn-small {
    @apply px-8;
  }
}

Zerion Mini Shell 1.0