WIP

assets/sass/_mixins.sass

@@ -1,35 +0,0 @@
-// =from($device)
-//     @media screen and (min-width: $device)
-//         @content
-
-// =until($device)
-//     @media screen and (max-width: $device - 1px)
-//         @content
-
-// =mobile
-//     @media screen and (max-width: $screen-tablet - 1px)
-//         @content
-
-// =tablet
-//     @media screen and (min-width: $screen-tablet)
-//         @content
-
-// =tablet-only
-//     @media screen and (min-width: $screen-tablet) and (max-width: $screen-desktop - 1px)
-//         @content
-
-// =touch
-//     @media screen and (max-width: $screen-desktop - 1px)
-//         @content
-
-// =desktop
-//     @media screen and (min-width: $screen-desktop)
-//         @content
-
-// =desktop-only
-//     @media screen and (min-width: $screen-desktop) and (max-width: $screen-lg - 1px)
-//         @content
-
-// =widescreen
-//     @media screen and (min-width: $screen-lg)
-//         @content

assets/sass/experience.sass

@@ -1,6 +1,3 @@
-@import "node_modules/bulma/sass/utilities/initial-variables"
-@import "node_modules/bulma/sass/utilities/mixins"
-
 .experience-item-website
     margin-bottom: 2px
 

assets/sass/main.sass

@@ -1,21 +1,22 @@
-@import 'node_modules/bulma/sass/utilities/initial-variables'
+@import "node_modules/tachyons-sass/scss/colors";
 
-$family-sans-serif: "Helvetica Neue", Arial, sans-serif
-$body-size: 14px
+$blue: #0678be
 
-$blue: #0678BE
+@import "node_modules/tachyons-sass/tachyons";
 
-$primary: $blue
+p,
+li,
+td
+    a
+        color: $blue
 
-@import 'node_modules/bulma/bulma'
+.video
+    padding: 56.25% 0 0
 
-@import 'base'
-@import 'mixins'
-
-@import 'base/layout'
-@import 'base/utilities'
-
-@import 'components/availability'
-@import 'components/badges'
-@import 'components/footer'
-@import 'components/meetups'
+.video iframe,
+.video embed 
+  height: 100%
+  left: 0
+  position: absolute
+  top: 0
+  width: 100%

assets/sass/main.scss

@@ -0,0 +1,24 @@
+@import "node_modules/tachyons-sass/tachyons";
+
+$blue1: #0678be;
+
+p,
+li,
+td {
+    a { color: $blue1; }
+}
+
+.blue1 { color: $blue1; }
+
+.video {
+    padding: 56.25% 0 0;
+}
+
+.video iframe,
+.video embed {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}