Check.svelte « components « src - coinos-ui.git - coinos ui — legacy coinos.io web app (SvelteKit)

index : coinos-ui.git

coinos ui — legacy coinos.io web app (SvelteKit)

coinos

about summary refs log tree commit diff stats

path: root/src/components/Check.svelte

blob: 4c9f504b09619f581174cb478f6c2796b4194e65 (plain) (blame)

<svg
	class="flex-shrink-0 w-5 h-5 text-gray-500 mr-1"
	fill="currentColor"
	viewBox="0 0 20 20"
	xmlns="http://www.w3.org/2000/svg"
	><path
		fill-rule="evenodd"
		d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
		clip-rule="evenodd"
	/></svg
>

/* Literal.String.Symbol */ .highlight .bp { color: #038 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #06B; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #369 } /* Name.Variable.Class */ .highlight .vg { color: #D70 } /* Name.Variable.Global */ .highlight .vi { color: #33B } /* Name.Variable.Instance */ .highlight .vm { color: #369 } /* Name.Variable.Magic */ .highlight .il { color: #00D; font-weight: bold } /* Literal.Number.Integer.Long */

@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: "PublicSans";
  src: url("/fonts/Public_Sans/static/PublicSans-Regular.ttf")
    format("truetype");
}

html {
  font-family: PublicSans, sans-serif;
}

::selection {
  color: black;
  background: #eaf2ff;
}

:fullscreen {
  background-color: white;
}

input:not([type="range"]) {
  @apply input
}

.input {
  @apply input-bordered input-lg input-primary;
}

textarea {
  @apply textarea textarea-bordered textarea-lg textarea-primary;
}

select {
  @apply select select-bordered select-lg select-primary;
}

input:not([type="range"]), textarea, select, .input  {
  @apply w-full rounded-2xl;
}

textarea:focus, textarea:focus-within, .input:focus, .input:focus-within {
  @apply outline-offset-0;
}

input.clean, textarea.clean {
  border: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.btn {
  @apply rounded-2xl btn-lg btn-block outline-none
}