adds angulario resources

Author: jesselpalmer

docs/app/angulario_assets/css/_options.scss

@@ -0,0 +1,86 @@
+/*
+* Typography
+*
+* Only the fonts listed below should be used throughout the site.
+*/
+
+$brand-font: 'Roboto', "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+$mono-font: Monaco, "Lucida Console", monospace;
+
+
+/*
+* Metrics
+*
+* Metrics based on material design 8pt unit
+*/
+
+$unit: 8px;
+$phone-breakpoint: 480px;
+$tablet-breakpoint: 800px;
+
+
+/*
+* Layer Stacking
+*
+* The approved range that can be used for layering (z-indexes)
+*/
+
+$layer-1: 1;
+$layer-2: 2;
+$layer-3: 3;
+$layer-4: 4;
+$layer-5: 5;
+$layer-6: 6;
+$layer-7: 7;
+$layer-8: 8;
+$layer-9: 9;
+$layer-10: 10;
+
+
+/*
+* Colors
+*
+* Colors are ordered from light to dark (top to bottom).
+* Do not use hex codes directly in other Sass files. The
+* following colors are the only approved colors for this site.
+*/
+
+// GREEN COLORS
+$cactus: #8BC34A;
+
+// YELLOW
+$sunshine: #FFF59D;
+
+// ORANGE
+$sand: #FFF8E1;
+$citrus: #FF8F00;
+
+// RED COLORS
+$peach: #ffebee;
+$squid: #EF3872;
+$cardinal: #E23237;
+$ruby: #B52E31;
+
+// BLUE COLORS
+$light: #E3F2FD;
+$sky: #0085D3;
+$regal: #0273D4;
+$blueberry: #0262C2;
+$ocean: #0143A3;
+
+//PURPLE
+$grape: #9575CD;
+
+// DARK GRAY COLORS
+$coal: #000000;
+$steel: #253238;
+$silver: #36474F;
+$platinum: #445A64;
+$metal: #536E7A;
+$tin: #8FA4AE;
+
+// LIGHT GRAY COLORS
+$cloud: #AFBEC5;
+$fog: #CFD8DC;
+$mist: #ECEFF1;
+$snow: #FFFFFF;

docs/app/angulario_assets/css/_print.scss

@@ -0,0 +1,33 @@
+@media print {
+
+  /*
+  * Print Styles
+  *
+  */
+
+  // HIDE FOR PRINT
+  .side-nav,
+  .main-nav,
+  .main-footer,
+  .cta-bar {
+    display: none !important;
+  }
+
+  // ZERO OUT MARGIN & PADDING
+  .l-offset-nav,
+  .l-offset-side-nav {
+    padding: 0 !important;
+    margin: 0 !important;
+  }
+
+  // BACKGROUND FOR PRINT
+  .hero {
+    background: none !important;
+  }
+
+  //COLOR DARK
+  .hero-title,
+  .hero-subtitle {
+    color: $steel;
+  }
+}

docs/app/angulario_assets/css/_state.scss

@@ -0,0 +1,24 @@
+/*
+* States
+*
+* Utility classes for different element states
+*/
+
+.is-hidden {
+  display: none !important;
+}
+
+.is-visible {
+  display: block !important;
+}
+
+.is-visually-hidden {
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  opacity: 0.01;
+  position: absolute;
+  bottom: 0px;
+  right: 0px;
+  z-index: $layer-1;
+}

docs/app/angulario_assets/css/_theme.scss

@@ -0,0 +1,56 @@
+/*
+* Background Colors
+*
+* Background utility classes to add color to elements
+*/
+
+.background-sky {
+  background-color: $ocean;
+  background: linear-gradient($ocean, $regal);
+  color: $snow;
+}
+
+.background-regal {
+  background: $regal;
+  color: $snow;
+}
+
+.background-coal {
+  background: $coal;
+  color: $snow;
+}
+
+.background-steel {
+  background: $steel;
+  color: $snow;
+}
+
+.background-silver {
+  background: $silver;
+  color: $snow;
+}
+
+
+/*
+* Background Images
+*
+*/
+
+.background-sf-paper {
+  background: url('/resources/images/backgrounds/sf-paper.png') bottom center no-repeat;
+  background-size: 100%;
+  background-position: fixed;
+}
+
+
+
+
+/*
+* Text Colors
+*
+* Text color utility color classes
+*/
+
+.text-snow {
+  color: $snow;
+}