52 lines
1.6 KiB
CSS
52 lines
1.6 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
|
||
|
||
@import "tailwindcss";
|
||
|
||
:root {
|
||
--background: #ffffff;
|
||
--foreground: #171717;
|
||
}
|
||
|
||
body {
|
||
background: var(--background);
|
||
color: var(--foreground);
|
||
font-family: "Sofia Sans Condensed", sans-serif;
|
||
}
|
||
|
||
/* Скрываем стрелочки у input[type=number] */
|
||
input[type='number']::-webkit-outer-spin-button,
|
||
input[type='number']::-webkit-inner-spin-button {
|
||
-webkit-appearance: none;
|
||
margin: 0;
|
||
}
|
||
input[type='number'] {
|
||
appearance: textfield;
|
||
-moz-appearance: textfield;
|
||
}
|
||
|
||
/* Скрываем надпись «файл не выбран» и название файла */
|
||
input[type="file"] {
|
||
color: transparent; /* сам путь/имя файла и надписи станут прозрачными */
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
/* Стилизуем кнопку «Выбрать файл» отдельно (псевдо-элемент, у разных браузеров он может называться по-разному) */
|
||
input[type="file"]::file-selector-button {
|
||
color: #e5e7eb; /* текст кнопки (gray-200) */
|
||
background-color: #374151; /* фон кнопки (gray-700) */
|
||
border: none;
|
||
padding: 0.5rem 1rem;
|
||
border-radius: 0.375rem; /* rounded-md */
|
||
cursor: pointer;
|
||
}
|
||
|
||
/* Для старых версий IE/Edge: */
|
||
input[type="file"]::-ms-browse {
|
||
color: #e5e7eb;
|
||
background-color: #374151;
|
||
border: none;
|
||
padding: 0.5rem 1rem;
|
||
border-radius: 0.375rem;
|
||
cursor: pointer;
|
||
} |