agent-simon-s

// 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

{
	"afn_insert_width_first": true,
	"afn_use_project_root": false,
	"auto_complete_triggers":
	[
		{
			"characters": "b4",
			"selector": "text.html"
		}
	],

agent-simon-s

/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl -n $@open

agent-simon-s

<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

<snippet>
	<content><![CDATA[
/* ======== ${1:New Section} ============== */
]]></content>
	<tabTrigger>/*=</tabTrigger>
	<scope>source.css, source.scss, source.sass</scope>
</snippet>

agent-simon-s

<snippet>
	<content><![CDATA[
/* -------------- ${1:New Section} ----------------*/
${2:/*-------------------------------------------*/}
]]></content>
	<tabTrigger>/*-</tabTrigger>
	<scope>source.css, source.scss, source.sass</scope>
</snippet>

agent-simon-s

<snippet>
	<content><![CDATA[
/* --------- ${1:this} Mixin -------------*/
/*-------------------------------------------*/ 
	//Usage:
	// ${4}

 	//Output:
	// ${5}

agent-simon-s

/* =========== Mixins ============== */
/* 
sjds 2017-11-10 Compiled from experiance &  
Borrowing heavily from those before
*/


/*
 need to add clamp
 responsive ratio

agent-simon-s

/* ======== 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

%style-navbar{
	margin: auto;
	max-width: 880px; //$dim-content-wt
	height: auto; 
	padding:0;
	background-color: orange; //$color-bg-nav-default
}

%style-navbar-menu-l{
	margin: 0;