adrema/resources/css/base.css

66 lines
1.2 KiB
CSS
Raw Normal View History

2020-04-10 20:32:12 +02:00
.button-group > div {
padding-left: 0 !important;
padding-right: 0 !important;
}
.form-group {
2021-04-10 19:45:11 +02:00
@apply mb-4;
2020-04-10 20:32:12 +02:00
}
.form-control-font {
2021-04-10 19:45:11 +02:00
@apply leading-tight text-gray-600 text-sm;
2020-04-10 20:32:12 +02:00
}
.label-placeholder {
position: relative;
2021-04-10 19:45:11 +02:00
@apply py-2 cursor-text;
2020-04-10 20:32:12 +02:00
top: 34px;
2021-04-10 19:45:11 +02:00
transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
2020-04-10 20:32:12 +02:00
}
2021-04-10 19:45:11 +02:00
.field-wrapperfocused label-placeholder, label-placeholder-focused {
2020-04-10 20:32:12 +02:00
top: 0;
2021-04-10 19:45:11 +02:00
@apply text-sm text-gray-600;
2020-04-10 20:32:12 +02:00
padding-bottom: 10px;
2021-04-10 19:45:11 +02:00
transition: color 02s, padding-bottom 02s, font-size 02s, top 02s;
2020-04-10 20:32:12 +02:00
}
.form-control {
2021-04-10 19:45:11 +02:00
@apply py-2 appearance-none border-b border-solid form-control-font;
2020-04-10 20:32:12 +02:00
-moz-appearance: none;
}
2021-04-10 19:45:11 +02:00
.label-font {
@apply form-control-font;
}
2020-04-10 20:32:12 +02:00
.field-wrapper {
2021-04-10 19:45:11 +02:00
@apply flex flex-col;
2020-04-10 20:32:12 +02:00
}
.mainnav > div > a {
2021-04-10 19:45:11 +02:00
@apply py-2;
2020-04-10 20:32:12 +02:00
}
2021-04-11 10:17:30 +02:00
input, select {
outline: none;
}
2021-04-11 20:35:18 +02:00
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;
}