Add a nice local action button to a administrative overview, as shown in the screenshot.
eck.routing.yml:
| import { render } from 'react-dom'; | |
| const renderComponent = (Component, root) => { | |
| const parent = document.createElement('div'); | |
| render(Component, parent, () => { | |
| root.replaceWith(...Array.from(parent.childNodes)); | |
| }); | |
| }; |
| @each $breakpoint in map-keys($grid-breakpoints) { | |
| @each $prop, $abbrev in (margin: m, padding: p) { | |
| @each $size, $lengths in $spacers { | |
| @include media-breakpoint-down($breakpoint) { | |
| $length-x: map-get($lengths, x); | |
| $length-y: map-get($lengths, y); | |
| .#{$abbrev}-#{$breakpoint}-a-#{$size} { #{$prop}: $length-y $length-x !important; } // a = All sides | |
| .#{$abbrev}-#{$breakpoint}-t-#{$size} { #{$prop}-top: $length-y !important; } | |
| .#{$abbrev}-#{$breakpoint}-r-#{$size} { #{$prop}-right: $length-x !important; } |
| # Druch clear caches | |
| alias dcca="drush cc all" | |
| alias clearall="drush cc all" | |
| alias cleardrush="drush cc drush" | |
| alias cleartheme="drush cc theme-registry" | |
| alias clearmenu="drush cc menu" | |
| alias clearcss="drush cc css-js" | |
| alias clearblock="drush cc block" | |
| alias clearmodule="drush cc module-list" | |
| alias cleartheme="drush cc theme-list" |
| # --------------------------------------------------------------------------- | |
| # | |
| # Description: This file holds all my BASH configurations and aliases | |
| # | |
| # Sections: | |
| # 1. Environment Configuration | |
| # 2. Make Terminal Better (remapping defaults and adding functionality) | |
| # 3. File and Folder Management | |
| # 4. Searching | |
| # 5. Process Management |
| html { | |
| box-sizing: border-box; | |
| } | |
| *, *:before, *:after { | |
| box-sizing: inherit; | |
| } |
| // Replace all images with kitten placeholder images in IE. #awesome | |
| (function($) { | |
| Drupal.behaviors.placeholder = { | |
| attach: function() { | |
| $('.ie').find('img').attr('src', 'http://placekitten.com/g/200/300'); | |
| } | |
| }; | |
| })(jQuery); |
| (function($){ | |
| $.fn.extend({ | |
| example: function(options) { | |
| var defaults = { | |
| color: '#000000', | |
| } | |
| var async = require('async'); | |
| var sizes = [ | |
| [320, 480], | |
| [600, 1024], | |
| [1024, 768], | |
| [1280, 800], | |
| [1440, 900] | |
| ]; | |
| var url = 'http://one-pager.dev/nl'; |