This commit is contained in:
2022-05-30 17:50:04 +03:00
parent 2a6f01f460
commit a44faad823
26 changed files with 772 additions and 393 deletions
+47 -49
View File
@@ -10,7 +10,6 @@
--gap: 10px;
--gap-section: 30px;
--gap-wrapper: 30px;
--col-count: 4;
--col-span: 1;
--line-clamp: 3;
--line-clamp-height: 1.3em;
@@ -92,6 +91,8 @@
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
--col-span: 1;
--col-count: 4;
}
.flex-list:not(.owl-loaded) {
margin-left: calc(var(--gap) / -2) !important;
@@ -110,12 +111,13 @@
.flex-list-item {
--gap-row: var(--gap);
--col-width: calc(100% / var(--col-count) * var(--col-span));
--line-height: calc(100% / var(--line-count) * var(--line-span, 1));
box-sizing: border-box;
}
.flex-list > .flex-list-item {
width: var( --col-width) !important;
max-width: var( --col-width) !important;
flex-basis: var( --col-width) !important;
width: var(--col-width) !important;
max-width: var(--col-width) !important;
flex-basis: var(--col-width) !important;
margin-bottom: var(--gap-row) !important;
}
.flex-list-item:before,
@@ -149,8 +151,13 @@
-ms-flex-align: center;
align-items: center;
}
.flex-list--static {
--line-count: 1;
}
.flex-list--static .flex-list-item {
height: var(--line-height) !important;
max-height: var(--line-height) !important;
}
script, style {
display: none !important;
@@ -388,35 +395,12 @@ script, style {
-webkit-flex-basis: auto;
flex-basis: auto;
}
.flex-col.flex-cell,
.flex-col-wrap.flex-cell,
.flex-line.flex-cell,
.flex-line-wrap.flex-cell
{
padding: var(--flex-padding) !important;
}
.flex-direction-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-direction-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
/* применяем к таблице: ПРОДОЛЬНОЕ выравнивание элементов в строке или колонке */
.flex-align-start {
-webkit-justify-content: flex-start !important;
@@ -451,6 +435,24 @@ script, style {
align-items: center;
}
.flex-cells-v-align--start > *{
justify-content: start;
}
.flex-cells-v-align--end > *{
justify-content: end;
}
.flex-cells-v-align--stretch > *{
justify-content: stretch;
}
.flex-cells-g-align--start > *{
align-items: start;
}
.flex-cells-g-align--end > *{
align-items: end;
}
.flex-cells-g-align--stretch > *{
align-items: stretch;
}
/* применяем к ячейкам: поперечное выравнивание */
.flex-cell-align--start {
@@ -909,7 +911,22 @@ script, style {
/* picture - icon */
.kit-icon picture,
.kit-icon img,
.kit-icon svg,
.kit-picture picture,
.kit-picture img,
.kit-picture svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
display: block;
fill: currentColor;
transition: inherit;
object-fit: contain;
object-position: center;
}
.kit-picture-line, .kit-icon-line {
display: inline-block;
margin-bottom: calc(-1em * var(--font-ratio-bottom, 0.2));
@@ -934,25 +951,6 @@ script, style {
}
.kit-icon picture,
.kit-icon img,
.kit-icon svg,
.kit-picture picture,
.kit-picture img,
.kit-picture svg {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
display: block;
fill: currentColor;
transition: inherit;
object-fit: contain;
object-position: center;
}
/* flex-kit.css end */