Skip to content

Instantly share code, notes, and snippets.

View agent-simon-s's full-sized avatar

Simon Sutherland agent-simon-s

1 follower · 0 following
View GitHub Profile
@agent-simon-s
agent-simon-s / html-button-ic-cap.sublime-snippit
Created November 8, 2017 05:08
SJDS: HTML base btn icon w caption
<snippet>
<content><![CDATA[
<button class="btn {2:this}" type="button">
<span class="{3:icon} {4:this}"></span>
<span class="caption">{1:SUBMIT}</span>
</button>
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>ssbtn</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
@agent-simon-s
agent-simon-s / scss-vars-boiler.scss
Last active November 12, 2017 07:08
SCSS vars boiler
/* ======== SCSS PROJECT VARIABLES ============== */
/* -------------- Typography ----------------*/
/*-------------------------------------------*/
$font-stack-base: "Railway", Helvetica, Arial, "sans-serif"; //railway reg & bold
$font-name-base: "Railway";
//$font-stack-header:; DIN condenced bold
//$font-name-header:; alte din
@agent-simon-s
agent-simon-s / Sh-open-in-sublime-service.sh
Created November 7, 2017 03:36
Shell: Open in Sublime service for MacOS Folders
/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl -n $@open
@agent-simon-s
agent-simon-s / SCSS-responsive-breaks.scss
Created November 7, 2017 00:42
SCSS: responsive break points
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
@agent-simon-s
agent-simon-s / css-tricks-cheat.css
Last active November 6, 2017 02:50
css-tricks-cheat
.foo {
box-sizing: border-box; //box model padding removed from size, not added to
word-wrap: break-word; //limited control of warping text
white-space: nowrap; // limited toggle of text wrapping
text-overflow: ellipsis; //ltd ctrl truncating text line only needs over-x: d:b or d:ib
transform: scale(0.9, 0.9); //scaling
object-fit: fill; // also cover, contain, // bg like controls for images
background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0));
height:100vh;
decoration-color:red; decoration-style:dotted; //fine tune underline
@agent-simon-s
agent-simon-s / css-rule-format-archetype.css
Created November 6, 2017 01:38
CSS: rule format archetype
.foo { display:block;
opacity: 1;
visibility: visible;
position:inherit;
top: 0;
left: 0;
float:none;
margin:0px auto 1rem;
width:747px;
height:427px;
@agent-simon-s
agent-simon-s / SCSS-global-watch-app-style.sublime-build
Created November 4, 2017 03:51
Sublime Build SCSS global watch app style Gist
{
"cmd": ["sass", "--update", "$file:${folder}/App/style/css/${file_base_name}.css", "--watch", "--stop-on-error", "--style", "compressed", "--no-cache", "--sourcemap=none"],
"selector": "source.sass, source.scss",
"line_regex": "Line ([0-9]+):",
"osx":
{
"path": "/usr/local/bin:$PATH"
},
@agent-simon-s
agent-simon-s / Preferences.sublime-settings
Last active November 7, 2017 02:33
Sublime: Preferences Gist
{
"afn_insert_width_first": true,
"afn_use_project_root": false,
"auto_complete_triggers":
[
{
"characters": "b4",
"selector": "text.html"
}
],
@agent-simon-s
agent-simon-s / Default-user.sublime-keymap
Last active November 6, 2017 03:16
Sublime: Default user keymap
[
{ "keys": ["super+alt+tab"], "command": "toggle_side_bar" },
{ "keys": ["super+j"], "command": "join_lines" },
{ "keys": ["ctrl+super+m"], "command": "toggle_minimap" },
{
"keys": ["super+alt+left"],
"command": "set_layout",
"args":
{
"cols": [0.0, 0.78, 0.84, 1.0],
@agent-simon-s
agent-simon-s / sublime-fetch-url-starters.sublime-settings
Last active November 4, 2017 03:24
Sublime fetch url starters
{
"files":
{
"jquery": "http://code.jquery.com/jquery.min.js",
"normalize": "https://github.com/necolas/normalize.css.git",
"normalize-scss": "https://github.com/JohnAlbin/normalize-scss.git"
},
"packages":
{
"bootstrap": "https://github.com/twbs/bootstrap/archive/v4-dev.zip",