micord/ervu-lkrp-ul
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

vars

Browse source
This commit is contained in:
m.epshtein 2024-06-14 21:29:51 +03:00
parent 39b63b1b59
commit 38a8ee8735
2 changed files with 47 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/resources/css/components-lkrp.css
View file

@ -12,7 +12,8 @@
.webbpm.ervu_lkrp_ul .title {
font-size: var(--size-text-title);
font-family: 'InterB';
padding-bottom: 40px;
padding-top: 0;
padding-bottom: var(--indent-big);
.form-group {
margin-bottom: 0;
@ -81,8 +82,13 @@
}
}
.webbpm.ervu_lkrp_ul .left-block {
padding-right: var(--indent-medium);
}
.webbpm.ervu_lkrp_ul .fieldset {
padding: 24px;
margin-bottom: 0;
border: 1px solid var(--border-light);
border-radius: 4px;
background-color: var(--bg-light);
@ -132,8 +138,23 @@
}
.webbpm.ervu_lkrp_ul field-set + field-set {
margin-top: 32px;
margin-top: var(--indent-medium);
}
@media ((min-width: 481px) and (max-width: 780px)) {
}
@media (max-width: 480px) {
.webbpm.ervu_lkrp_ul .main-block {
& > .horizontal-container {
flex-direction: column;
}
.left-block {
padding-right: 0;
margin-bottom: var(--indent-medium);
}
}
}

26
frontend/src/resources/css/inbox-lkrp.css
View file

@ -44,7 +44,12 @@ body {
--size-text-title: 36px;
--size-text-subtitle: 20px;
--size-text-primary: 18px;
--size-text-secondary: 16px;
--size-text-secondary: 16px;
--indent-huge: 48px;
--indent-big: 40px;
--indent-medium: 32px;
--indent-small: 24px;
}
.webbpm.ervu_lkrp_ul a {
@ -134,9 +139,26 @@ body {
.container-inside {
font-family: 'Inter';
padding: 48px var(--w-screen)
padding: var(--indent-huge) var(--w-screen);
}
}
@media ((min-width: 481px) and (max-width: 780px)) {
.webbpm.ervu_lkrp_ul {
--w-screen: 40px;
}
}
@media (max-width: 480px) {
.webbpm.ervu_lkrp_ul {
--w-screen: 16px;
--size-text-title: 28px;
--indent-huge: 24px;
--indent-big: 24px;
--indent-medium: 16px;
--indent-small: 16px;
}
}