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

for cromium

Browse source
This commit is contained in:
m.epshtein 2024-08-29 11:25:54 +03:00
parent 051b4a9068
commit 0555421a3e
1 changed files with 77 additions and 94 deletions
Download patch file Download diff file Expand all files Collapse all files

171
html/css/inbox.css
View file

@ -104,11 +104,11 @@ body {
a {
color: var(--color-link);
text-decoration: none;
&:hover,
&:focus,
&:active {
color: var(--color-link-hover);
}
}
a:hover,
a:focus,
a:active {
color: var(--color-link-hover);
}
button, a.btn {
@ -122,25 +122,25 @@ button, a.btn {
height: 48px;
border: 1px solid transparent;
border-radius: 4px;
background: var(--color-link);
&:hover,
&:focus,
&:active {
background: var(--color-link-hover);
cursor: pointer;
}
background: var(--color-link);
}
button:hover, a.btn:hover,
button:focus, a.btn:focus,
button:active, a.btn:active {
background: var(--color-link-hover);
cursor: pointer;
}
.btn.btn-secondary {
color: var(--color-link);
border-color: var(--color-link);
background-color: transparent;
&:hover,
&:focus,
&:active {
color: var(--color-link-hover);
border-color: var(--color-link-hover);
background: transparent;
}
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active {
color: var(--color-link-hover);
border-color: var(--color-link-hover);
background: transparent;
}
.header {
@ -152,17 +152,16 @@ button, a.btn {
padding: 0 var(--w-screen);
border: 0;
background-color: var(--color-bg-main);
.header-logo {
width: 62px;
height: 40px;
background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
}
.header-title {
color: var(--white);
font-size: var(--size-text-secondary);
margin-left: var(--indent-mini);
}
}
.header .header-logo {
width: 62px;
height: 40px;
background: url(../img/svg/mil-logo.svg) no-repeat 0 50%;
}
.header .header-title {
color: var(--white);
font-size: var(--size-text-secondary);
margin-left: var(--indent-mini);
}
:is(.ul, .fl) .header {
background-color: var(--color-text-primary);
@ -193,64 +192,49 @@ button, a.btn {
padding: 0 var(--w-screen);
background-color: var(--bg-light);
overflow: auto;
.block-group {
display: flex;
flex-direction: row;
margin: auto;
}
.block {
font-family: 'Inter';
min-width: 355px;
padding: 40px;
border-radius: 12px;
background-color: var(--white);
box-shadow: var(--bg-shadow);
& > div {
max-width: 350px;
}
& + .block {
margin-left: 40px;
}
.block-img {
width: 100px;
height: 100px;
}
&.block-ul .block-img {
background-image: url(../img/svg/ul.svg);
}
&.block-fl .block-img {
background-image: url(../img/svg/fl.svg);
}
.block-title {
font-family: 'GolosB';
font-size: var(--size-text-subtitle);
margin-top: var(--indent-mini);
}
.block-description {
font-family: 'Golos';
font-size: var(--size-text-primary);
margin-top: var(--indent-mini);
}
.btn {
width: auto;
margin-top: var(--indent-medium);
}
}
}
:is(.ul, .fl) .container-inside {
padding: 0;
.container-inside .block-group {
display: flex;
flex-direction: row;
margin: auto;
}
.container-inside .block {
font-family: 'Inter';
min-width: 355px;
padding: 40px;
border-radius: 12px;
background-color: var(--white);
.btn-group {
display: flex;
flex-direction: row;
.btn + .btn {
margin-left: var(--indent-mini);
}
}
box-shadow: var(--bg-shadow);
}
.container-inside .block > div {
max-width: 350px;
}
.container-inside .block + .block {
margin-left: 40px;
}
.container-inside .block .block-img {
width: 100px;
height: 100px;
}
.container-inside .block.block-ul .block-img {
background-image: url(../img/svg/ul.svg);
}
.container-inside .block.block-fl .block-img {
background-image: url(../img/svg/fl.svg);
}
.container-inside .block .block-title {
font-family: 'GolosB';
font-size: var(--size-text-subtitle);
margin-top: var(--indent-mini);
}
.container-inside .block .block-description {
font-family: 'Golos';
font-size: var(--size-text-primary);
margin-top: var(--indent-mini);
}
.container-inside .block .btn {
width: auto;
margin-top: var(--indent-medium);
}
/*@media ((max-width: 780px) or ((orientation: landscape) and (max-device-width : 1024px))) {*/
@ -271,14 +255,13 @@ button, a.btn {
.container-inside .block-group {
flex-direction: column;
margin: 0;
.block {
min-width: auto;
margin: var(--indent-huge) 0 0;
& > div {
max-width: inherit !important;
}
}
}
.container-inside .block-group .block {
min-width: auto;
margin: var(--indent-huge) 0 0;
}
.container-inside .block-group .block > div {
max-width: inherit !important;
}
}