mediawiki-extensions-Multim.../resources/mmv/mmv.mixins.less

.unselectable() {
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	user-select: none;
}

// from https://stackoverflow.com/a/12178019/323407
.fade-out-vertical( @backgroundColor: white ) {
	@invisible: fadeout( @backgroundColor, 100% );
	background-image: linear-gradient( to bottom, @invisible 0%, @backgroundColor 100% ); // W3C
}

.fade-out-horizontal( @backgroundColor: white ) {
	@invisible: fadeout( @backgroundColor, 100% );
	background-image: linear-gradient( to right, @invisible 0%, @backgroundColor 100% ); // W3C
}

.rotate( @degrees: 45deg ) {
	transform: rotate( @degrees );
}

.grayscale() {
	/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
	-webkit-filter: grayscale( 100% );
	/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
	filter: grayscale( 100% );
}
Make it obvious that the permission text is cut off; add expand link Fades out the bottom of the text and adds a link to replace it with the full HTML version. Due to the way it is positioned, the fade + link will be invisible if the text is less then 3 lines. The implementation is not very polished; since this will be replaced by some JS-based ellipsis thing, I didn't want to spend too much time on it. Change-Id: Ib30e40fe845b85bfcf9557970efb886d28b3e5c7 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/118 2014-02-26 02:47:24 +00:00			`.unselectable() {`
Make the image and navigation buttons unselectable Change-Id: Iec6d8a9511e2a4c508da7524c9fb0db499d1eb8a Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/214 2014-02-18 15:25:56 +00:00			`-webkit-user-select: none;`
Align to WikimediaUI style guide and code cleanup Aligning to WikimediaUI style guide by replacing colors with standard color palette equivalents, merging close colors (ex: `#E6E6E6` & `#eee` become `#eaecf0` ) and slightly increase contrast on a few to meet WCAG 2.0 level AA criteria. Also: - following other code bases like MobileFrontend or OOjs UI in using `border-radius` property instead of obsolete mixin - removing non-existing browser vendor prefixes in mixins - removing non-used Less variables - bringing CSS/Less code closer to coding standards and - simplifying Less code where applicable Change-Id: Icb936e14ff613471ea1da6df6341ec1b0543cfaf 2017-03-02 23:45:42 +00:00			`-moz-user-select: -moz-none;`
Add MS prefixed version of .unselectable Apparently -ms-user-select is a thing now. Change-Id: Ic059dc69b0b3ceeb089b4accdd09fa8c6b9061f2 2014-06-25 00:55:29 +00:00			`-ms-user-select: none;`
Make the image and navigation buttons unselectable Change-Id: Iec6d8a9511e2a4c508da7524c9fb0db499d1eb8a Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/214 2014-02-18 15:25:56 +00:00			`user-select: none;`
			`}`

styles: Remove obsolete vendor prefixed properties Bug: T278670 Change-Id: I5640e4539598de8e9ae2d4e5172a5ae41b570ce3 2021-03-29 09:19:27 +00:00			`// from https://stackoverflow.com/a/12178019/323407`
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`.fade-out-vertical( @backgroundColor: white ) {`
			`@invisible: fadeout( @backgroundColor, 100% );`
			`background-image: linear-gradient( to bottom, @invisible 0%, @backgroundColor 100% ); // W3C`
Make it obvious that the permission text is cut off; add expand link Fades out the bottom of the text and adds a link to replace it with the full HTML version. Due to the way it is positioned, the fade + link will be invisible if the text is less then 3 lines. The implementation is not very polished; since this will be replaced by some JS-based ellipsis thing, I didn't want to spend too much time on it. Change-Id: Ib30e40fe845b85bfcf9557970efb886d28b3e5c7 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/118 2014-02-26 02:47:24 +00:00			`}`
Drop CSS hacks for unsupported browsers (IE<11, ancient Firefox) Bug: T184543 Change-Id: Ibd07ecd545f9b69f4dd3adb2b371b4d87ca4098b 2019-07-29 14:33:58 +00:00
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`.fade-out-horizontal( @backgroundColor: white ) {`
			`@invisible: fadeout( @backgroundColor, 100% );`
			`background-image: linear-gradient( to right, @invisible 0%, @backgroundColor 100% ); // W3C`
Make the ellipsis of truncated texts more prominent Also fixes popup texts which should have been updated in the parent commit and the panel opening mechanism which did not work when the below-the-fold description box was display:none-d. Change-Id: I5fc37429a7dc7a8f1517fa42375cd140d7d11674 Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/589 2014-10-29 19:50:53 +00:00			`}`
Add share panel, replace reuse Mingle: 147 Change-Id: I5678002ac84965a80f5e63635151032e6c293194 2014-03-17 08:07:53 +00:00
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`.rotate( @degrees: 45deg ) {`
			`transform: rotate( @degrees );`
Add metadata button to go to file description page directly Change-Id: I0f2c2b24aece3b806d572a0ed41dce8031e6ae6b Mingle: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/226 2014-04-02 00:07:51 +00:00			`}`

			`.grayscale() {`
build: Update stylelint-config-wikimedia to 0.13.0 Change-Id: I1b6de87b8a1b48220104af42a4e43d81a289438c 2022-05-19 22:58:01 +00:00			`/* stylelint-disable-next-line plugin/no-unsupported-browser-features */`
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`-webkit-filter: grayscale( 100% );`
build: Update stylelint-config-wikimedia to 0.13.0 Change-Id: I1b6de87b8a1b48220104af42a4e43d81a289438c 2022-05-19 22:58:01 +00:00			`/* stylelint-disable-next-line plugin/no-unsupported-browser-features */`
build: Introduce stylelint and make pass Change-Id: I6f97359c6f34f2e5687ce91ab9926c493e613bf5 2016-07-18 14:24:02 +00:00			`filter: grayscale( 100% );`
Update OOjs UI Class Names (549ff9ab7d) Changes were generated by running this script: https://gist.github.com/trevorparscal/92ccdc4c49ab033d9ba8 File content changes: Scripts (.js) - TextInputMenuWidget → TextInputMenuSelectWidget - MenuWidget → MenuSelectWidget - MenuItemWidget → MenuOptionWidget - MenuSectionItemWidget → MenuSectionOptionWidget - OutlineWidget → OutlineSelectWidget - OutlineItemWidget → OutlineOptionWidget Styles (.less) - textInputMenuWidget → textInputMenuSelectWidget - menuWidget → menuSelectWidget - menuItemWidget → menuOptionWidget - menuSectionItemWidget → menuSectionOptionWidget - outlineWidget → outlineSelectWidget - outlineItemWidget → outlineOptionWidget Change-Id: I19ad3990837c0c565773fbb4c3d9d4d18e5f616e 2014-11-17 22:18:23 +00:00			`}`