183 lines
2.8 KiB
SCSS
183 lines
2.8 KiB
SCSS
body {
|
|
background-image: url('../../../public/backgorund.png');
|
|
font-family: 'Montserrat', sans-serif;
|
|
}
|
|
/* Reset and base styles */
|
|
* {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: none;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* Links */
|
|
|
|
a,
|
|
a:link,
|
|
a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Common */
|
|
|
|
aside,
|
|
nav,
|
|
footer,
|
|
header,
|
|
section,
|
|
main {
|
|
display: block;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p {
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
}
|
|
|
|
ul,
|
|
ul li {
|
|
list-style: none;
|
|
}
|
|
|
|
img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
img,
|
|
svg {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
address {
|
|
font-style: normal;
|
|
}
|
|
|
|
/* Form */
|
|
|
|
input,
|
|
textarea,
|
|
button,
|
|
select {
|
|
font-family: inherit;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
background-color: transparent;
|
|
}
|
|
|
|
input::-ms-clear {
|
|
display: none;
|
|
}
|
|
|
|
button,
|
|
input[type='submit'] {
|
|
display: inline-block;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
background: none;
|
|
cursor: pointer;
|
|
}
|
|
|
|
input:focus,
|
|
input:active,
|
|
button:focus,
|
|
button:active {
|
|
outline: none;
|
|
}
|
|
|
|
button::-moz-focus-inner {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
legend {
|
|
display: block;
|
|
}
|
|
|
|
.ant-menu-item-selected {
|
|
background-color: #372579 !important;
|
|
}
|
|
|
|
.ant-input-outlined {
|
|
&:focus {
|
|
border-color: #372579;
|
|
outline: none;
|
|
box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1);
|
|
}
|
|
&:hover {
|
|
border-color: #372579;
|
|
}
|
|
}
|
|
.ant-select .ant-select-selector {
|
|
&:hover {
|
|
border-color: #372579 !important;
|
|
}
|
|
&:focus-within {
|
|
border-color: #372579 !important;
|
|
outline: none !important;
|
|
box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important;
|
|
}
|
|
}
|
|
.ant-input-number-outlined {
|
|
&:hover {
|
|
border-color: #372579 !important;
|
|
}
|
|
&:focus-within {
|
|
border-color: #372579 !important;
|
|
outline: none !important;
|
|
box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important;
|
|
}
|
|
}
|
|
.ant-checkbox-inner {
|
|
background-color: #ffffff;
|
|
border: 2px solid #d9d9d9;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.ant-checkbox-checked .ant-checkbox-inner{
|
|
background-color: #372579 !important;
|
|
border-color: #372579 !important;
|
|
outline: none !important;
|
|
box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1) !important;
|
|
&:hover {
|
|
border-color: #372579 !important;
|
|
background: #47309c !important;
|
|
}
|
|
}
|
|
|
|
:where(.css-dev-only-do-not-override-1uq9j6g).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner, :where(.css-dev-only-do-not-override-1uq9j6g).ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{
|
|
|
|
border-color: #372579;
|
|
|
|
|
|
}
|
|
|
|
.ant-checkbox:hover .ant-checkbox-inner,
|
|
.ant-checkbox-inner:focus {
|
|
border-color: #372579; /* цвет бордюра при ховере */
|
|
border-color: #372579 !important;
|
|
background-color: #f0f0f0; /* цвет фона при ховере */
|
|
outline: none; /* убираем outline при фокусе */
|
|
box-shadow: 0 0 0 2px rgba(55, 37, 121, 0.1);
|
|
}
|
|
|