| @@ -49,12 +49,12 @@ | ||
| 49 | 49 | 'default' => '', |
| 50 | 50 | // The `--container-widget-width` CSS variable is used for handling widgets that get an undefined width in column mode. |
| 51 | 51 | // The `--container-widget-flex-grow` CSS variable is used to give certain widgets a default `flex-grow: 1` value for the `flex row` combination. |
| 52 | 52 | 'selectors_dictionary' => [ |
| 53 | - 'row' => '--flex-direction: row; --container-widget-width: initial; --container-widget-height: 100%; --container-widget-flex-grow: 1; --container-widget-align-self: stretch;', | |
| 54 | - 'column' => '--flex-direction: column; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial;', | |
| 55 | - 'row-reverse' => '--flex-direction: row-reverse; --container-widget-width: initial; --container-widget-height: 100%; --container-widget-flex-grow: 1; --container-widget-align-self: stretch;', | |
| 56 | - 'column-reverse' => '--flex-direction: column-reverse; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial;', | |
| 53 | + 'row' => '--flex-direction: row; --container-widget-width: initial; --container-widget-height: 100%; --container-widget-flex-grow: 1;', | |
| 54 | + 'column' => '--flex-direction: column; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0;', | |
| 55 | + 'row-reverse' => '--flex-direction: row-reverse; --container-widget-width: initial; --container-widget-height: 100%; --container-widget-flex-grow: 1;', | |
| 56 | + 'column-reverse' => '--flex-direction: column-reverse; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0;', | |
| 57 | 57 | ], |
| 58 | 58 | 'selectors' => [ |
| 59 | 59 | '{{SELECTOR}}' => '{{VALUE}};', |
| 60 | 60 | ], |
| @@ -146,9 +146,9 @@ | ||
| 146 | 146 | 'icon' => 'eicon-flex eicon-align-stretch-v', |
| 147 | 147 | ], |
| 148 | 148 | ], |
| 149 | 149 | 'selectors' => [ |
| 150 | - '{{SELECTOR}}' => '--align-items: {{VALUE}}; --container-widget-width: calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );', | |
| 150 | + '{{SELECTOR}}' => '--align-items: {{VALUE}};', | |
| 151 | 151 | ], |
| 152 | 152 | 'responsive' => true, |
| 153 | 153 | ]; |
| 154 | 154 | |
