Add Autoprefixer

reshleman · Sep 25, 2015 · 07bb558 · 07bb558
1 parent 9f0d21a
commit 07bb558
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 154 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@
 /.cache
 /.sass-cache
 /build
+Gemfile.lock
diff --git a/Gemfile b/Gemfile
@@ -3,7 +3,8 @@
 source "http://rubygems.org"
 
 gem "middleman"
-gem "middleman-livereload"
+gem "middleman-autoprefixer"
 gem "middleman-deploy"
+gem "middleman-livereload"
 gem "bourbon"
 gem "neat"
diff --git a/Gemfile.lock b/Gemfile.lock
diff --git a/config.rb b/config.rb
@@ -2,13 +2,14 @@
 
 activate :views
 activate :directory_indexes
+activate :autoprefixer
 
 set :relative_links, true
-set :css_dir, 'assets/stylesheets'
-set :js_dir, 'assets/javascripts'
-set :images_dir, 'assets/images'
-set :fonts_dir, 'assets/fonts'
-set :layout, 'layouts/application'
+set :css_dir, "assets/stylesheets"
+set :js_dir, "assets/javascripts"
+set :images_dir, "assets/images"
+set :fonts_dir, "assets/fonts"
+set :layout, "layouts/application"
 
 configure :development do
  activate :livereload

diff --git a/source/assets/stylesheets/_global.scss b/source/assets/stylesheets/_global.scss
@@ -4,9 +4,9 @@ body {
 }
 
 .delete-me {
-  @include align-items(center);
-  @include display(flex);
-  @include justify-content(center);
+  align-items: center;
+  display: flex;
+  justify-content: center;
   height: 100vh;
 
   .container {

diff --git a/source/assets/stylesheets/base/_buttons.scss b/source/assets/stylesheets/base/_buttons.scss
@@ -1,6 +1,6 @@
 #{$all-button-inputs},
 button {
-  @include appearance(none);
+  appearance: none;
   -webkit-font-smoothing: antialiased;
   background-color: $action-color;
   border-radius: $base-border-radius;

diff --git a/source/assets/stylesheets/base/_forms.scss b/source/assets/stylesheets/base/_forms.scss
@@ -57,7 +57,7 @@ textarea {
 }
 
 input[type="search"] {
-  @include appearance(none);
+  appearance: none;
 }
 
 input[type="checkbox"],