# meow-gallery/4.1.5/classes/builders/tiles.css.php

Meow Gallery, version 4.1.5. 39 lines.

- Page: https://pluginprobe.com/plugins/meow-gallery/4.1.5/code/classes/builders/tiles.css.php
- Raw: https://pluginprobe.com/plugins/meow-gallery/4.1.5/raw/classes/builders/tiles.css.php
- Modified: 2021-07-30T13:05:06+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/meow-gallery/4.1.5/code/classes/builders/tiles.css.php#L10-L20`.

```php
<style>

	.mgl-tiles {
		display: <?php echo ($isPreview ? 'block' : 'none') ?>;
	}

	<?php echo sanitize_html_class( $class_id ) ?> {
		margin: <?php echo -1 * ( (int)$gutter['desktop'] / 2 ) ?>px;
		width: calc(100% + <?php echo (int)$gutter['desktop'] ?>px);
	}

	<?php echo sanitize_html_class( $class_id ) ?> .mgl-box {
		padding: <?php echo (int)$gutter['desktop'] / 2 ?>px;
	}

	@media screen and (max-width: 768px) {
		<?php echo sanitize_html_class( $class_id ) ?> {
			margin: <?php echo -1 * ( (int)$gutter['tablet'] / 2 ) ?>px;
			width: calc(100% + <?php echo (int)$gutter['tablet'] ?>px);
		}

		<?php echo sanitize_html_class( $class_id ) ?> .mgl-box {
			padding: <?php echo (int)$gutter['tablet'] / 2 ?>px;
		}	
	}

	@media screen and (max-width: 460px) {
		<?php echo sanitize_html_class( $class_id ) ?> {
			margin: <?php echo -1 * ( (int)$gutter['mobile'] / 2 ) ?>px;
			width: calc(100% + <?php echo (int)$gutter['mobile'] ?>px);
		}

		<?php echo sanitize_html_class( $class_id ) ?> .mgl-box {
			padding: <?php echo (int)$gutter['mobile'] / 2 ?>px;
		}	
	}

</style>

```