adrema/resources/css/base.css

105 lines
1.8 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
.btn {
2021-04-10 19:45:11 +02:00
@apply px-3 py-2 uppercase no-underline text-sm rounded text-white;
2020-04-10 20:32:12 +02:00
}
.btn-sm {
2021-04-10 19:45:11 +02:00
@apply text-xs !important;
2020-04-10 20:32:12 +02:00
}
2021-04-10 19:45:11 +02:00
.btnp-0 {
2020-04-10 20:32:12 +02:00
padding: 0 !important;
}
.btn-primary {
2021-04-10 19:45:11 +02:00
@apply bg-primary;
2020-04-10 20:32:12 +02:00
}
.btn-primary:hover {
2021-04-10 19:45:11 +02:00
@apply bg-primary-light;
2020-04-10 20:32:12 +02:00
}
.btn-danger {
2021-04-10 19:45:11 +02:00
@apply bg-danger;
2020-04-10 20:32:12 +02:00
}
.btn-danger:hover {
2021-04-10 19:45:11 +02:00
@apply bg-danger-light;
2020-04-10 20:32:12 +02:00
}
.btn-default {
2021-04-10 19:45:11 +02:00
@apply bg-gray-600;
2020-04-10 20:32:12 +02:00
}
.btn-primary-light {
2021-04-10 19:45:11 +02:00
@apply bg-primary-light;
2020-04-10 20:32:12 +02:00
}
.btn-default:hover {
2021-04-10 19:45:11 +02:00
@apply bg-gray-600;
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
}
.toolbar-title {
2021-04-10 19:45:11 +02:00
@apply font-bold text-gray-700 text-lg;
2020-04-10 20:32:12 +02:00
}
.subtitle {
2021-04-10 19:45:11 +02:00
@apply text-xl font-semibold mt-6 font-thin uppercase text-gray-600;
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;
}