mirror of
https://bitbucket.org/bellord13/kit.git
synced 2026-11-13 19:06:11 +03:00
fix
This commit is contained in:
@@ -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 */
|
||||
Reference in New Issue
Block a user