Skip to content

Instantly share code, notes, and snippets.

View frankstallone's full-sized avatar

Frank Stallone frankstallone

View GitHub Profile
@frankstallone
frankstallone / iphone-portrait-media-queries.scss
Created February 9, 2017 12:19
SCSS Mixin for media queries that target iPhone 5/s, 6/s, 6/s Plus in portrait mode
/*
* Media Queries for 📱 5 📱 6 & 📱 6+ in Portrait Mode
*
* Note: Do these in order of smallest to largest
* Example:
*
* @include respond-to(iPhone5) { top: 10px; }
* @include respond-to(iPhone6) { top: 12px; }
* @include respond-to(iPhone6Plus) { top: 14px; }
*
@frankstallone
frankstallone / cf-whitelist.sh
Last active June 8, 2018 18:00
CloudFlare Bash Whitelist Loop
#!/bin/bash
# Author: Frank Stallone
# $CF_AID, $CF_EMAIL, $CF_API_KEY are exported from .bashrc
# Update $IPLIST and $CF_NOTES
# Test API: Works
# curl -X GET "https://api.cloudflare.com/client/v4/memberships?status=accepted" \
# -H "X-Auth-Email: $CF_EMAIL" \
# -H "X-Auth-Key: $CF_API_KEY" \
# -H "Content-Type: application/json"
/**
* Targetting iPhone X Series of Smartphones
*
*/
$iphone-x-main-nav-height: 80px;
$iphone-x-main-nav-padding: calc(#{$iphone-x-main-nav-height} / 2);
$iphone-x-header-height: $header-height;
$iphone-x-height-offset: $iphone-x-main-nav-height + $iphone-x-header-height;
// Available variables:
// - Machine
// - interpret
// - assign
// - send
// - sendParent
// - spawn
// - raise
// - actions