Skip to content

Instantly share code, notes, and snippets.

View zarahzachz's full-sized avatar
🏠
Working from home

Sarah zarahzachz

🏠
Working from home
View GitHub Profile
@zarahzachz
zarahzachz / settings.json
Last active May 6, 2021 12:21
VS Code settings
{
"workbench.colorTheme": "Winter is Coming (Light)",
"workbench.startupEditor": "newUntitledFile",
"workbench.editor.enablePreview": false,
"breadcrumbs.enabled": false,
"files.exclude": {
"**/node_modules": true
},
"files.associations": {
"*.nunjucks": "html"
<!-- ID: 881 -->
<div class="container-fluid bg-info sticky-top">
<div class="row">
<a href="javascript:void(0)" class="btn btn-live-schedule-trigger hidden-xs" data-smooth-scroll-to="live-stream-schedule"
data-smooth-scroll-offset="92">
<span>See Schedule</span>
<svg class="icon icon-1" viewbox="0 0 256 256">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/svgs/icons.svg#chevron-down"></use>
</svg>
@zarahzachz
zarahzachz / Utility Class
Last active May 3, 2017 17:57
Automated utility class creation using Sass functions & maps
// Used for float and text-alignment functions
$device-sizes: (
$screen-sm-min: "sm",
$screen-md-min: "md",
$screen-lg-min: "lg"
);
/* Stackable floats */
/* 👉 Example: .sm-pull-left would float an object left on small screens, while .md-pull-right would float an object right on medium-sized screens */
@zarahzachz
zarahzachz / _table-data.json
Last active August 10, 2016 12:58
Create extendable table for PatternLab using Mustache and JSON. Including 8-col table for demo purposes.
{
"table-data" : {
"table-wrapper--modifier" : "",
"table--modifier" : "",
"there-is-a-footer" : true,
"one-col" : {
"label" : [
{
"header" : "Header 1",