72 lines
1.9 KiB
CSS
72 lines
1.9 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Condensed:wght@300;400;500;700&display=swap');
|
||
|
||
@import "tailwindcss";
|
||
|
||
:root {
|
||
--background: #ffffff;
|
||
--foreground: #171717;
|
||
}
|
||
|
||
html, body {
|
||
/* Убираем «джамп» при скрытии скроллбара — оставляем технически скролл, но скрываем его */
|
||
overflow-y: scroll;
|
||
font-family: "Sofia Sans Condensed", sans-serif;
|
||
}
|
||
|
||
/* WebKit (Chrome, Safari, Opera) */
|
||
html::-webkit-scrollbar,
|
||
body::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
|
||
/* Firefox */
|
||
html {
|
||
scrollbar-width: none;
|
||
}
|
||
|
||
/* IE/Edge */
|
||
html {
|
||
-ms-overflow-style: none;
|
||
}
|
||
|
||
body {
|
||
|
||
}
|
||
|
||
/* Скрываем стрелочки у 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;
|
||
} |