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