@import 'mediawiki.ui/variables';

// On mobile devices the table layout is collapsed.
@media all and ( max-width: @width-breakpoint-tablet ) {
	.mw-special-Listfiles {
		// stylelint-disable selector-class-pattern
		thead,
		.TablePager_col_count,
		.TablePager_col_img_size,
		.TablePager_col_img_name,
		.TablePager_col_img_timestamp {
			display: none;
		}

		tbody,
		tr,
		td,
		.mw-datatable,
		.TablePager_col_img_description,
		.TablePager_col_thumb {
			display: block;
		}

		.mw-datatable,
		.mw-datatable th,
		.mw-datatable td {
			border: 0;
		}

		.TablePager_col_img_user_text,
		.TablePager_col_img_description {
			color: @colorGray5;
			margin: 0.5em 0 0;
			padding-bottom: 40px;
			line-height: 1.5;
		}

		.TablePager_col_img_user_text {
			padding: 0;
		}
		// stylelint-enable selector-class-pattern
	}
}