Skip to content

Instantly share code, notes, and snippets.

View joeybeninghove's full-sized avatar

Joey Beninghove joeybeninghove

64 followers · 12 following
View GitHub Profile
@joeybeninghove
joeybeninghove / arrow-blue-400.scss
Created December 10, 2020 16:46
Make select arrow blue using Tailwind CSS
select.arrow-blue-400 {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'
fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23#{str-slice(quote($colors-blue-400), 2, 7)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
}
@joeybeninghove
joeybeninghove / code.rake
Created August 7, 2020 13:07
namespace :code do
task precommit: %i[rubocop erblint csslint jslint jstest rspec]
task :rubocop do
system('rubocop', exception: true)
end
task :erblint do
system('bundle exec erblint --lint-all --enable-all-linters',
exception: true)
@joeybeninghove
joeybeninghove / gist:087bc47ac96bf5cd81d618d9448e902d
Created November 12, 2019 07:34
class Post
include ActiveModel::Model
YAML_FRONT_MATTER_REGEXP =
%r{\A(---\s*\n.*?\n?)^((---|\.\.\.)\s*$\n?)}m.freeze
attr_accessor :title, :date, :html, :filename
def slug
File.basename(filename, ".md").remove(filename[0, 11])
@joeybeninghove
joeybeninghove / Styles.js
Created July 24, 2019 18:59
React Native Tailwind-esque Styles
import React from "react";
import { StyleSheet } from "react-native";
import { colors } from "./Colors";
let stylesheet = StyleSheet.create({
"flex-1": { flex: 1 },
"flex-row": { flexDirection: "row" },
"justify-around": { justifyContent: "space-around" },
"justify-between": { justifyContent: "space-between" },
"items-center": { alignItems: "center" },
@joeybeninghove
joeybeninghove / _info_circle.html.erb
Created March 15, 2018 15:33
Tailwind + Inline SVG + View Partials
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="fill-current <%= css_classes %>"><path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"/></svg>
@joeybeninghove
joeybeninghove / gist:a46507802f049cdf5373b2719d056f79
Created February 16, 2018 04:12
Encrypted File Transfer
cat <file_name> | gpg -ac -o- | curl -X PUT -T "-" https://transfer.sh/<file_name>.gpg
curl https://transfer.sh/<hash>/<file_name>.gpg | gpg -o- > <file_name>
@joeybeninghove
joeybeninghove / keybase.md
Created February 16, 2018 00:49

Keybase proof

I hereby claim:

  • I am joeybeninghove on github.
  • I am joeybeninghove (https://keybase.io/joeybeninghove) on keybase.
  • I have a public key ASBdYH3-nFNSqHKVs7DrM5uCmMR7jaz4BcdPKrendX4Lcgo

To claim this, I am signing this object:

@joeybeninghove
joeybeninghove / .postcssrc.yml
Created February 15, 2018 02:21
Tailwind with Rails and Webpacker
plugins:
postcss-import: {}
postcss-cssnext: {}
tailwindcss: "./app/javascript/src/tailwind.js"
@joeybeninghove
joeybeninghove / outline.css
Created February 14, 2018 18:33
Little helper class to help with debugging CSS layout issues
body.debug * {
outline: 1px solid red !important;
}
@joeybeninghove
joeybeninghove / .irbrc
Created February 14, 2018 16:08
Retain history of commands for IRB and Rails console sessions
require 'irb/ext/save-history'
IRB.conf[:SAVE_HISTORY] = 100
IRB.conf[:HISTORY_FILE] = "#{ENV['HOME']}/.irb-history"