Skip to content

Instantly share code, notes, and snippets.

View krivaten's full-sized avatar

Kris Van Houten krivaten

View GitHub Profile
@krivaten
krivaten / input.scss
Last active September 1, 2022 16:48
Generated by SassMeister.com.
// Goes into theme file
$tecton-variable-shims: (
--t-primary: 400,
--t-secondary: 500,
--t-tertiary: 700
);
// Goes into Tecton files
$tecton-variable-shims: () !default;
[data-tecton-module] {
@krivaten
krivaten / input.scss
Last active October 18, 2021 23:05
Generated by SassMeister.com.
@use "sass:list";
@function is-variable-ref($string) {
@return str-slice(#{$string}, 0, 2) == '--';
}
@function is-variable($string) {
@return str-slice(#{$string}, 0, 3) == 'var';
}
@krivaten
krivaten / input.scss
Created October 18, 2021 23:04
Generated by SassMeister.com.
@use "sass:list";
@function is-variable-ref($string) {
@return str-slice(#{$string}, 0, 2) == '--';
}
@function is-variable($string) {
@return str-slice(#{$string}, 0, 3) == 'var';
}
@krivaten
krivaten / settings.json
Last active March 15, 2021 18:20
Generated by SassMeister.com.
{
"sass": {
"compiler": "dart-sass/1.26.11",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": false
}
@krivaten
krivaten / createFragment.js
Last active August 6, 2019 00:51
createFragment
function createFragment(markup) {
const fragment = document.createRange().createContextualFragment(markup);
return fragment.firstChild;
}
const btnContainer = createFragment(`
<div class="container">
<button>Click Me</button>
</div>
`)
@krivaten
krivaten / components.ui-test.js
Created October 18, 2018 16:12
Array Property Gotcha
import Ember from 'ember';
export default Ember.Component.extend({
testArray: [],
didReceiveAttrs() {
this._super(...arguments);
const elementId = this.get('elementId')
this.get('testArray').push(elementId)
}
@krivaten
krivaten / components.ui-test.js
Created October 18, 2018 16:07
Array Property
import Ember from 'ember';
export default Ember.Component.extend({
testArray: [],
didInsertElement() {
this._super(...arguments);
const elementId = this.get('elementId')
this.get('testArray').push(elementId)
@krivaten
krivaten / graphql.js
Created July 30, 2018 13:34
A Netlify Lambda Function for that uses Apollo GraphQL
const { ApolloServer, gql } = require('apollo-server-lambda');
const MongoClient= require('mongodb/lib/mongo_client');
if (process.env.NODE_ENV !== 'production') {
require('dotenv').load()
}
const DB_URI = process.env.DB_URI
const DB_NAME = process.env.DB_NAME
@krivaten
krivaten / components.ui-alert.js
Last active January 2, 2018 21:26
New Twiddle
import Ember from 'ember';
import hbs from 'htmlbars-inline-precompile';
const {
Component
} = Ember;
export default Component.extend({
classNames: ['alert-container'],
attributeBindings: [
@krivaten
krivaten / controllers.application.js
Last active November 10, 2017 19:29
White Space Killer
import Ember from 'ember';
export default Ember.Controller.extend({
something: 'Get',
is: 'ready',
really: 'to',
magical: 'party'
});