Skip to content

Instantly share code, notes, and snippets.

💭
Year 4 working on One-Nexus...or is it 5?

Edmund esr360

💭
Year 4 working on One-Nexus...or is it 5?
Block or report user

Report or block esr360

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View synergy-css-loader.js
require('@babel/register')();
require('jsdom-global')();
const Sass = require('node-sass');
const fs = require('fs');
const mkdirp = require('mkdirp');
const getDirName = require('path').dirname;
window.matchMedia = window.matchMedia || function() {
return {
View schema.json
{
"name": "Accordion",
"modifiers": ["keep-open"],
"components": [
{
"name": "panel",
"modifiers": ["active"]
},
{
"name": "heading",
View myElement.scss
@include module('myElement') {
color: blue;
display: none;
@include context('someParent', 'active') {
display: block;
}
}
View examples.md
// Sass (Vanilla)
.myElement {
  color: blue;
  display: none;
  
  .someParent.active & {
    display: block;
  }
}
View myElement.scss
.myElement {
@include position(0, 0, 9, relative);
}
View myElement.scss
.myElement {
@include position(0, 0, 9);
}
View myElement.css
.myElement {
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
View myElement.scss
@include module('myElement') {
color: blue;
@include show('someParent', 'active');
}
View myElement.scss
@include module('myElement') {
color: blue;
@include display(('someParent', 'active'), block, none);
}
View myElement.scss
.myElement {
color: blue;
display: context('.someParent.active', block, none);
}
You can’t perform that action at this time.