Change Details

In order to consistently accommodate multiple screen sizes we need a responsive grid system. This responsive grid should be based on the WikimediaUI baseline grid, which is operationally 4px, but is not yet formally defined and documented as such. We had an [[ https://www.mediawiki.org/wiki/Requests_for_comment/Grid_system | RFC ]] and [[ https://gerrit.wikimedia.org/r/#/c/125387/ | an initial implementation ]] that needs some polishing. Additional work may be needed to make sure it works well with OOUI components. Responsive grid requirements: - Works with browsers in basic support of our https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix - Internationalization (i18n) and RTL ready - Alignment to the WikimediaUI design systems (spacing multiplier of 4px equivalent) -- Pre-requisite: Document the baseline grid for the WikimediaUI on the Design Styleguide

In order to consistently accommodate multiple screen sizes we need a responsive grid system. This responsive grid should be based on the WikimediaUI baseline grid, which is operationally 4px, but is not yet formally defined and documented as such. We had an [[ https://www.mediawiki.org/wiki/Requests_for_comment/Grid_system | RFC ]] and [[ https://gerrit.wikimedia.org/r/#/c/125387/ | an initial implementation ]] that needs some polishing. Additional work may be needed to make sure it works well with OOUI components. Responsive grid requirements: - Works with browsers in basic support of our https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix - Internationalization (i18n) and RTL ready - Alignment to the WikimediaUI design system (spacing multiplier of 4px equivalent) -- Pre-requisite: Document the baseline grid for WikimediaUI theme on the [[ https://design.wikimedia.org/style-guide/ | Wikimedia Design Style Guide ]]

In order to consistently accommodate multiple screen sizes we need a responsive grid system. This responsive grid should be based on the WikimediaUI baseline grid, which is operationally 4px, but is not yet formally defined and documented as such. We had an [[ https://www.mediawiki.org/wiki/Requests_for_comment/Grid_system | RFC ]] and [[ https://gerrit.wikimedia.org/r/#/c/125387/ | an initial implementation ]] that needs some polishing. Additional work may be needed to make sure it works well with OOUI components. Responsive grid requirements: - Works with browsers in basic support of our https://www.mediawiki.org/wiki/Compatibility#Browser_support_matrix - Internationalization (i18n) and RTL ready - Alignment to the WikimediaUI design systems (spacing multiplier of 4px equivalent) -- Pre-requisite: Document the baseline grid for the WWikimediaUI theme on the [[ https://design.wikimediaUI on the.org/style-guide/ | Wikimedia Design Styleg Guide ]]