Add a very lightweight version of bootstrap for the purpose of the demo
Tom Rutgers
committed Aug 14, 2018
commit 1bb31b4e5e6ff1bfa1dc153111d2c38d95985d29
Showing 6
changed files with
70 additions
and 8 deletions
Gemfile
+1
-0
| @@ | @@ -4,5 +4,6 @@ gem 'middleman', '~> 4.2' |
| gem "middleman-blog" | |
| gem 'middleman-autoprefixer' | |
| gem "middleman-livereload" | |
| + | gem "bootstrap-sass", require: false |
| gem 'tzinfo-data', platforms: [:mswin, :mingw, :jruby] | |
| gem 'wdm', '~> 0.1', platforms: [:mswin, :mingw] | |
Gemfile.lock
+4
-0
| @@ | @@ -11,6 +11,9 @@ GEM |
| autoprefixer-rails (8.6.5) | |
| execjs | |
| backports (3.11.3) | |
| + | bootstrap-sass (3.3.7) |
| + | autoprefixer-rails (>= 5.2.1) |
| + | sass (>= 3.3.4) |
| coffee-script (2.4.1) | |
| coffee-script-source | |
| execjs | |
| @@ | @@ -116,6 +119,7 @@ PLATFORMS |
| ruby | |
| DEPENDENCIES | |
| + | bootstrap-sass |
| middleman (~> 4.2) | |
| middleman-autoprefixer | |
| middleman-blog | |
config.rb
+1
-0
| @@ | @@ -1,3 +1,4 @@ |
| + | require 'bootstrap-sass' |
| # Activate and configure extensions | |
| # https://middlemanapp.com/advanced/configuration/#configuring-extensions | |
source/index.html.erb
+12
-7
| @@ | @@ -5,11 +5,16 @@ title: Home - Middleman + Netlify CMS Example |
| <h1>Welcome</h1> | |
| </section> | |
| - | <section class="posts"> |
| - | <h1>News</h1> |
| - | <% blog.articles.each do |article| %> |
| - | <article class="post"> |
| - | <h1><%= article.title %></h1> |
| - | </article> |
| - | <%end%> |
| + | <section class="posts-homepage"> |
| + | <div class="container"> |
| + | <h1>News</h1> |
| + | <% blog.articles.each do |article| %> |
| + | <div class="row"> |
| + | <article class="post col-xs-12"> |
| + | <h1><%= article.title %></h1> |
| + | </article> |
| + | </div> |
| + | <%end%> |
| + | |
| + | </div> |
| </section> | |
| \ No newline at end of file | |
source/stylesheets/_bootstrap-setup.scss
+50
-0
| @@ | @@ -0,0 +1,50 @@ |
| + | // Core variables and mixins |
| + | @import "bootstrap/variables"; |
| + | @import "bootstrap/mixins"; |
| + | ; |
| + | // Reset and dependencies |
| + | @import "bootstrap/normalize"; |
| + | //@import "bootstrap/print"; |
| + | //@import "bootstrap/glyphicons"; |
| + | ; |
| + | // Core CSS |
| + | @import "bootstrap/scaffolding"; |
| + | @import "bootstrap/type"; |
| + | //@import "bootstrap/code"; |
| + | @import "bootstrap/grid"; |
| + | //@import "bootstrap/tables"; |
| + | //@import "bootstrap/forms"; |
| + | //@import "bootstrap/buttons"; |
| + | |
| + | //// Components |
| + | //@import "bootstrap/component-animations"; |
| + | //@import "bootstrap/dropdowns"; |
| + | //@import "bootstrap/button-groups"; |
| + | //@import "bootstrap/input-groups"; |
| + | //@import "bootstrap/navs"; |
| + | //@import "bootstrap/navbar"; |
| + | //@import "bootstrap/breadcrumbs"; |
| + | //@import "bootstrap/pagination"; |
| + | //@import "bootstrap/pager"; |
| + | //@import "bootstrap/labels"; |
| + | //@import "bootstrap/badges"; |
| + | //@import "bootstrap/jumbotron"; |
| + | //@import "bootstrap/thumbnails"; |
| + | //@import "bootstrap/alerts"; |
| + | //@import "bootstrap/progress-bars"; |
| + | //@import "bootstrap/media"; |
| + | //@import "bootstrap/list-group"; |
| + | //@import "bootstrap/panels"; |
| + | //@import "bootstrap/responsive-embed"; |
| + | //@import "bootstrap/wells"; |
| + | //@import "bootstrap/close"; |
| + | |
| + | //// Components w/ JavaScript |
| + | //@import "bootstrap/modals"; |
| + | //@import "bootstrap/tooltip"; |
| + | //@import "bootstrap/popovers"; |
| + | //@import "bootstrap/carousel"; |
| + | |
| + | //// Utility classes |
| + | //@import "bootstrap/utilities"; |
| + | //@import "bootstrap/responsive-utilities"; |
source/stylesheets/all.css.scss
+2
-1
| @@ | @@ -1,6 +1,7 @@ |
| //setup | |
| @charset 'utf-8'; | |
| - | |
| + | @import 'bootstrap-sprockets'; |
| + | @import 'bootstrap-setup'; |
| //base | |
| @import 'base/reset'; | |
| @import 'base/colors'; | |