Skip to content

Instantly share code, notes, and snippets.

View kellymears's full-sized avatar

Kelly Mears kellymears

View GitHub Profile
@kellymears
kellymears / index.pug
Created November 28, 2018 04:32
Social Icons Splash Effect
ul.social-icons
li.social-icon.si-fb
a(href="#")
svg(xmlns='http://www.w3.org/2000/svg', width='80', height='80')
path.si-grid(fill='#ffffff', d='M0 0h80v80H0z')
path#facebook-splash.si-splash(fill='#4065B1', fill-rule='nonzero', d='M64.390766 7.893908c9.13892 9.586965-3.91575 14.742016.007852 26.63074 3.923603 11.888725 14.324106 14.96342 8.658127 27.114154-5.66598 12.150732-26.532488 3.603945-34.986257 10.31272-8.45377 6.708774-18.30274 6.258113-20.89926-9.745485-2.596518-16.0036-21.680047-20.760404-6.134962-40.13869 15.545086-19.378288 44.21558-23.760404 53.3545-14.17344z')
path#facebook-circle.si-circle(fill='#4065B1', fill-rule='nonzero', d='M40 16c-13.254822 0-24 10.747563-24 24.000975C16 53.256335 26.745178 64 40 64s24-10.743665 24-23.999025C64 26.747563 53.253848 16 40 16z')
path#facebook-icon.si-icon(fill='#FFF', d='M45.5684 40.007098h-3.315943V52h-4.91481V40.007098H35V35.77287h2.337646v-2.74369c0-1.963723.919194-5.02918 4.960693-5.02918l3.639446.014196v4.
/**
* Block styles
*/
main#app .entry-content {
margin: none;
padding: none;
* + *:not(
form,
label,
@kellymears
kellymears / hsl-for-iteration.scss
Created December 15, 2018 05:04
@for hslColor property iteration
ul {
@for $i from 1 through 10 {
li:nth-child(#{$i}) {
color: hslColor($hue: $i * 1.5, $lightness: 50%);
}
}
}
/** Imports */
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Montserrat:900');
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700');
$brand-display-font: 'Fjalla One', Impact, 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
$brand-subheadline-font: 'Montserrat', Impact, 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;
$brand-body-font: 'Vollkorn', Georgia, 'Times New Roman', Times, serif;
$brand-default-font: 'Helvetica', 'Arial Narrow Bold', serif;
@kellymears
kellymears / _wp-classes.scss
Created December 24, 2018 21:31
[gutenberg tailwin wp-classes.scss] main content front-end container styling and cover block #gutenberg #tailwind #scss
.main > *:not(.alignwide):not(.alignfull) {
@extend .container;
@apply px-8;
}
.main > *.alignwide {
@apply w-lg;
}
{
"title": "Rocket.chat",
"description": "Have your own Slack like online chat, built with Meteor.",
"categories": ["messaging"],
"platform": "linux",
"logo": "https://github.com/RocketChat/Rocket.Chat/raw/develop/public/images/logo/android-chrome-192x192.png",
"image": "rocket.chat:latest",
"ports": [
"3000/tcp"
],
---
- name: Create Mattermost directories
file:
path: "{{ item }}"
state: directory
with_items:
- "{{ mattermost_data_directory }}/mattermost"
- "{{ mattermost_data_directory }}/postgres"
- name: Mattermost Postgres Docker Container
@kellymears
kellymears / mix.js
Created January 6, 2019 18:01
mix.js starting point
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Sage application. By default, we are compiling the Sass file
| for your application, as well as bundling up your JS files.
@kellymears
kellymears / webpack.config.js
Created January 17, 2019 05:26
[Gutenberg webpack] #webpack #gutenberg #wordpress #es6
const wplib = [
'blocks',
'components',
'date',
'editor',
'element',
'i18n',
'utils',
'data',
];
@kellymears
kellymears / blockmanager.php
Created January 20, 2019 20:08
[WordPress Gutenberg Block Manager] #wordpress #gutenberg #blocks
<?php
namespace GutenbergBlockManager;
class Blocks
{
public $url;
public $dir;
public $namespace;