vkemeter

<?php

declare(strict_types=1);

namespace Supseven\Theme\ViewHelpers\Render;

use TYPO3\CMS\Core\Core\Environment;
use TYPO3\CMS\Core\Exception;
use TYPO3\CMS\Core\Package\PackageManager;
use TYPO3\CMS\Core\Utility\GeneralUtility;

vkemeter

// use sass iteration to set class for every 
// element in different breakpoints
// with different styles
@each $elem in map-keys($test) {
	#{$elem} {
		@each $breakpoint, $style in _get($test, $elem) {
			@include media-breakpoint-up(#{$breakpoint}) {
				@each $k, $v in _get($test, $elem $breakpoint) {
					#{$k}: #{$v};
				}

vkemeter

// location: EXT:theme/Resources/Public/JavaScript/Backend.js 
// depending on https://gist.github.com/vkemeter/92e0c11eba014399e68cbd1fa95f7738#file-complexinformation-php-L56

define([
    'jquery',
    'TYPO3/CMS/Backend/Modal',
    'TYPO3/CMS/Backend/ActionButton/ImmediateAction',
    'TYPO3/CMS/Backend/Notification',
    'TYPO3/CMS/Core/Event/RegularEvent'
], function ($, Modal, ImmediateAction, Notification, RegularEvent) {

vkemeter

// grid breakpoints, created with gulp task and yaml config
// created at: Wed Mar 21 2018 20:51:44 GMT+0100 (CET)
$grid-breakpoints: (
	xs: 0,
	sm: 576px,
	md: 768px,
	lg: 992px,
	xl: 1200px,
	xxl: 1380px,
);