agent-simon-s

.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

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

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

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

<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

OAB Tasks
Infrastructure:
  Clean out old files
  New File Structute sections, pages, includes, proj
  update controllers & routconfig
  Basic respinsive Mark-up
  Base SCSS structure
  Url ManipulaTION SCRIPT

Images:

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