Michael Herchel mherchel
mherchel
/ Gulpfile.js
Created
August 27, 2024 13:26
Gulpfile for Drupal Single Directory Components
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const gulp = require('gulp'); | |
| const sass = require('gulp-dart-sass'); | |
| const postcss = require('gulp-postcss'); | |
| const autoprefixer = require('autoprefixer'); | |
| const pxtorem = require('postcss-pxtorem'); | |
| const del = require('del'); | |
| function doSassyShit(stream) { | |
| return stream | |
| .pipe(sass() |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Details CSS Only Animation</title> | |
| </head> | |
| <style> | |
| details { | |
| width: min(400px, 94%); |
mherchel
/ code-block-9.5.patch
Created
March 23, 2023 12:19
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| diff --git a/core/modules/ckeditor5/ckeditor5.ckeditor5.yml b/core/modules/ckeditor5/ckeditor5.ckeditor5.yml | |
| index 4396b64ed4..0372fddc89 100644 | |
| --- a/core/modules/ckeditor5/ckeditor5.ckeditor5.yml | |
| +++ b/core/modules/ckeditor5/ckeditor5.ckeditor5.yml | |
| @@ -263,6 +263,7 @@ ckeditor5_codeBlock: | |
| label: Code Block | |
| library: ckeditor5/internal.drupal.ckeditor5.codeBlock | |
| admin_library: ckeditor5/internal.admin.codeBlock | |
| + class: Drupal\ckeditor5\Plugin\CKEditor5Plugin\CodeBlock | |
| toolbar_items: |
mherchel
/ gin-global.css
Last active
January 4, 2023 16:40
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Custom Gin styles here. */ | |
| .my-gin-selector { | |
| color: red; | |
| } |
mherchel
/ Core formatting example.css
Last active
May 28, 2023 13:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Example use of CSS nesting. | |
| * | |
| * @see https://developer.chrome.com/articles/css-nesting/ | |
| */ | |
| .tabs__tab { | |
| display: none; | |
| margin: 0; | |
| margin-block-end: calc(-1 * var(--tabs-border-width)); |
mherchel
/ vanilla-load-more.js
Created
September 7, 2022 13:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 'use strict'; | |
| (function () { | |
| /* | |
| * Fetch more data like views_load_more. | |
| * | |
| * @todos | |
| * Add Quicklink integration when https://github.com/GoogleChromeLabs/quicklink/issues/54 is resolved. | |
| */ | |
| Drupal.behaviors.load_more = { | |
| 'attach': function (context) { |
mherchel
/ chevron-down-currentColor.svg
Created
August 13, 2022 20:44
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
mherchel
/ Test Logical Properties.css
Created
May 12, 2022 12:47
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .test-logical-properties { | |
| block-size: 0; | |
| inline-size: 0; | |
| max-block-size: 0; | |
| max-inline-size: 0; | |
| min-block-size: 0; | |
| min-inline-size: 0; | |
| /* | |
| Margins borders padding |
mherchel
/ simple-star.svg
Created
March 23, 2022 19:28
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| https://css-tricks.com/theming-with-variables-globals-and-locals/ | |
| https://medium.com/eightshapes-llc/tokens-in-design-systems-25dd82d58421 | |
| https://bradfrost.com/blog/post/creating-themeable-design-systems/ | |
| */ | |
| .root-frontend { | |
| --color-primary: xxx; | |
| --color-neutral: #777; |
NewerOlder