Change Details

Follow-up from T114885 Vector should follow and mark blockquotes similar to mobile. Designs by @Nirzar based on our discussion: > Latin will use serif + italics. this can be done with css selector for latin scripts > {F5007343} > > on tablets > {F5007342} > > Non latin will use regular type with larger font size > {F5007344} > > {F5007341} > > > Another stylistic variation > {F5007371} > NOTE: the text in mockup is lorem ipsum for non latin scripts.

Follow-up from T114885 Vector should follow and mark blockquotes similar to mobile. MinervaNeue provides in [[ https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/MinervaNeue/+/refs/heads/master/resources/skins.minerva.content.styles/blockquotes.less | blockquotes.less ]] following LESS rule: ```lang=css blockquote { position: relative; border-left: 3px solid @colorGray12; padding: 1em @blockquotePaddingRight 1em @blockquotePaddingLeft; font-family: @fontFamilyHeading; font-size: 1.1em; overflow: hidden; } ``` Vector should provide the same styles for `blockquote`. Original designs by @Nirzar based on our discussion: > Latin will use serif + italics. this can be done with css selector for latin scripts > {F5007343} > > on tablets > {F5007342} > > Non latin will use regular type with larger font size > {F5007344} > > {F5007341} > > > Another stylistic variation > {F5007371} > NOTE: the text in mockup is lorem ipsum for non latin scripts.

Follow-up from T114885 Vector should follow and mark blockquotes similar to mobile. DMinervaNeue provides in [[ https://gerrit.wikimedia.org/r/plugins/gitiles/mediawiki/skins/MinervaNeue/+/refs/heads/master/resources/skins.minerva.content.styles/blockquotes.less | blockquotes.less ]] following LESS rule: ```lang=css blockquote { position: relative; border-left: 3px solid @colorGray12; padding: 1em @blockquotePaddingRight 1em @blockquotePaddingLeft; font-family: @fontFamilyHeading; font-size: 1.1em; overflow: hidden; } ``` Vector should provide the same styles for `blockquote`. Original designs by @Nirzar based on our discussion: > Latin will use serif + italics. this can be done with css selector for latin scripts > {F5007343} > > on tablets > {F5007342} > > Non latin will use regular type with larger font size > {F5007344} > > {F5007341} > > > Another stylistic variation > {F5007371} > NOTE: the text in mockup is lorem ipsum for non latin scripts.