Input.module.css68 lines · main

1	/* .sbui-input-container {
2	@apply relative;
3	} */
4
5	/* .sbui-input {
6	@apply block box-border pl-3 pr-3 py-2 w-full rounded-md shadow-xs text-sm border border-solid transition-all;
7	@apply bg-white text-input-value-light border-input-border-light;
8	@apply focus:ring-input-border-focus-light focus:border-input-border-focus-light focus:outline-hidden;
9
10	@apply dark:bg-transparent dark:text-input-value-dark dark:border-input-border-dark;
11	@apply dark:focus:border-input-border-focus-dark dark:focus:ring-input-border-focus-dark;
12
13
14	font-family: inherit;
15	transition: box-shadow 0.3s ease-in-out;
16	} */
17
18	/* .sbui-input:focus {
19	box-shadow: 0 0 0 2px rgba(62, 207, 142, 0.1);
20	} */
21
22	/* .sbui-input--error {
23	@apply border-red-500 dark:border-red-500;
24	}
25
26	.sbui-input--borderless {
27	@apply border-transparent shadow-none;
28	}
29
30	.sbui-input-actions-container {
31	@apply absolute inset-y-0 right-0 pl-3 pr-1 flex items-center;
32	} */
33
34	.sbui-textarea-actions-container {
35	@apply absolute inset-y-1 right-0 pl-3 pr-1 flex items-start;
36	}
37
38	.sbui-textarea-actions-container__items {
39	@apply flex items-center;
40	}
41
42	/*
43	Input sizes
44	*/
45
46	/* .sbui-input--tiny {
47	@apply px-2.5 py-1.5 text-xs;
48	}
49	.sbui-input--small {
50	@apply px-3 py-2 text-sm leading-4;
51	}
52	.sbui-input--medium {
53	@apply px-4 py-2 text-sm;
54	}
55	.sbui-input--large {
56	@apply px-4 py-2 text-base;
57	}
58	.sbui-input--xlarge {
59	@apply px-6 py-3 text-base;
60	} */
61
62	/*
63	Input icon
64	*/
65
66	/* .sbui-input--with-icon {
67	@apply pl-7;
68	} */