Remove bourbon dependency

CHANGELOG.md

@@ -25,8 +25,10 @@ project adheres to [Semantic Versioning](http://semver.org).
 - Removed unused `base-z-index` variable
 - Removed unused `medium-gray` variable
 - Removed unused `gray-light` variable
+- Removed [Bourbon] dependency
 
 [unreleased]: https://github.com/thoughtbot/bitters/compare/v1.8.0...HEAD
+[Bourbon]: https://github.com/thoughtbot/bourbon
 
 ## [1.8.0] - 2018-02-05
 

contrib/styles.scss

@@ -6,13 +6,13 @@ body {
 }
 
 .container {
-  @include margin(null auto);
-  @include padding(null var(--spacing));
+  margin: 0 auto;
+  padding: 0 var(--spacing);
   max-width: 500px;
 }
 
 .welcome-message {
-  @include padding(var(--spacing) null);
+  padding: var(--spacing) 0;
   background-color: #f2f2f2;
   margin-bottom: var(--spacing);
   text-align: center;

core/_buttons.scss

@@ -1,4 +1,7 @@
-#{$all-buttons} {
+button,
+[type='button'],
+[type='reset'],
+[type='submit'] {
   appearance: none;
   background-color: $action-color;
   border: 0;

core/_forms.scss

@@ -30,7 +30,22 @@ textarea {
   font-size: 1rem;
 }
 
-#{$all-text-inputs} {
+[type='color'],
+[type='date'],
+[type='datetime'],
+[type='datetime-local'],
+[type='email'],
+[type='month'],
+[type='number'],
+[type='password'],
+[type='search'],
+[type='tel'],
+[type='text'],
+[type='time'],
+[type='url'],
+[type='week'],
+input:not([type]),
+textarea {
   appearance: none;
   background-color: transparent;
   border: var(--border);

core/_variables.scss

@@ -13,7 +13,7 @@ $viewport-background-color: #fff;
 
 :root {
   // Typography
-  --font-family: #{$font-stack-system};
+  --font-family: system-ui, sans-serif;
   --font-family--heading: var(--font-family);
 
   --font-weight--thin: 100;