71 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
			
		
		
	
	
			71 lines
		
	
	
		
			1.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
| ::selection {
 | |
|     @apply bg-blue-800;
 | |
| }
 | |
| 
 | |
| .button-group > div {
 | |
|     padding-left: 0 !important;
 | |
|     padding-right: 0 !important;
 | |
| }
 | |
| 
 | |
| .form-group {
 | |
|     @apply mb-4;
 | |
| }
 | |
| 
 | |
| .form-control-font {
 | |
|     @apply leading-tight text-gray-600 text-sm;
 | |
| }
 | |
| 
 | |
| .label-placeholder {
 | |
|     position: relative;
 | |
|     @apply py-2 cursor-text;
 | |
|     top: 34px;
 | |
|     transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
 | |
| }
 | |
| .field-wrapperfocused label-placeholder,
 | |
| label-placeholder-focused {
 | |
|     top: 0;
 | |
|     @apply text-sm text-gray-600;
 | |
|     padding-bottom: 10px;
 | |
|     transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
 | |
| }
 | |
| 
 | |
| .form-control {
 | |
|     @apply py-2 appearance-none border-b border-solid form-control-font;
 | |
|     -moz-appearance: none;
 | |
| }
 | |
| 
 | |
| .label-font {
 | |
|     @apply form-control-font;
 | |
| }
 | |
| 
 | |
| .field-wrapper {
 | |
|     @apply flex flex-col;
 | |
| }
 | |
| 
 | |
| .mainnav > div > a {
 | |
|     @apply py-2;
 | |
| }
 | |
| 
 | |
| input,
 | |
| select {
 | |
|     outline: none;
 | |
| }
 | |
| 
 | |
| input[type='date'],
 | |
| input[type='datetime-local'],
 | |
| input[type='time'],
 | |
| input[type='month'],
 | |
| select,
 | |
| input[type='week'] {
 | |
|     height: 37px;
 | |
|     &::-webkit-inner-spin-button {
 | |
|         display: none;
 | |
|     }
 | |
| }
 | |
| 
 | |
| input[type='date']::-webkit-inner-spin-button,
 | |
| input[type='date']::-webkit-calendar-picker-indicator {
 | |
|     display: none;
 | |
|     -webkit-appearance: none;
 | |
| }
 |