adrema/resources/css/base.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;
}