Parcourir la source

Add Bootstrap comparison

Jeremy Thomas il y a 8 ans
Parent
commit
9648eafd89

+ 2 - 2
docs/_layouts/post.html

@@ -5,7 +5,7 @@ route: blog
 
 {% include blog-hero.html %}
 
-<section class="section">
+<section class="section is-medium">
   <div class="container">
     <div class="columns">
       <div class="column is-offset-2 is-8">
@@ -21,7 +21,7 @@ route: blog
           </strong>
         </div>
         <p class="subtitle is-6">
-          <a class="article-back href="{{ site.url }}/blog">Back</a>
+          <a class="article-back" href="{{ site.url }}/blog">Back</a>
         </p>
         <p class="subtitle is-4">
           {{ page.date | date_to_string }}

+ 14 - 0
docs/_posts/2017-08-01-bulma-bootstrap-comparison.md

@@ -0,0 +1,14 @@
+---
+layout: post
+title: "Bulma / Bootstrap comparison"
+introduction: "If you're unsure _how_ or _why_ you should try out Bulma if you're familiar to Bootstrap, the new page [\"Alternative to Bootstrap\"](http://bulma.io/alternative-to-bootstrap/) tries to help you answer questions you might have."
+color: "bootstrap"
+name: "Bulma over Bootstrap?"
+icon: "heart"
+---
+
+Bulma has always been a Bootstrap fan, inspired by its goal and purpose.
+
+Some users ask why they should use Bulma over Bootstrap, and there is **no definite answer**, because while both CSS frameworks share _similarities_, they also **differ** in many ways.
+
+The new page [\"Alternative to Bootstrap\"](http://bulma.io/alternative-to-bootstrap/) draws a **feature comparison** to help undecided users choose the right tool for their web design needs, which can be either Bulma or Bootstrap.

+ 2 - 0
docs/_sass/specific.sass

@@ -60,6 +60,8 @@
     $color: nth($pair, 1)
     &.is-#{$name}
       background-color: $color
+  &.is-bootstrap
+    background-color: $bootstrap
   &:hover
     .article-overlay
       opacity: 0.25

+ 5 - 1
docs/alternative-to-bootstrap.html

@@ -29,6 +29,10 @@ bootstrap:
   icon: "plug"
   title: "jQuery plugins"
   content: "Bootstrap includes useful jQuery plugins to add **interaction** to your website."
+- type: "bootstrap"
+  icon: "users"
+  title: "Big community"
+  content: "Considering how long it has been around, Bootstrap has a **larger community** than Bulma. As a result, more tools (like theming and plugins) are available, and more questions are answered around the internet."
 - type: "bootstrap"
   icon: "internet-explorer"
   title: "Internet Explorer compatibility"
@@ -36,7 +40,7 @@ bootstrap:
 - type: "bootstrap"
   icon: "list"
   title: "Additional elements"
-  content: "Bootstrap has a few more **elements** like the [list group](http://getbootstrap.com/components/#list-group), [wells](http://getbootstrap.com/components/#wells), or the [page header](http://getbootstrap.com/components/#page-header)."
+  content: "Bootstrap has a some **elements** like the [list group](http://getbootstrap.com/components/#list-group), [wells](http://getbootstrap.com/components/#wells), or the [page header](http://getbootstrap.com/components/#page-header) that Bulma doesn't have."
 ---
 
 <!DOCTYPE html>

+ 1 - 0
docs/bulma-docs.sass

@@ -1,5 +1,6 @@
 @charset "utf-8"
 
+$bootstrap: #6f5499
 $github: #333333
 $twitter: #55acee
 

Fichier diff supprimé car celui-ci est trop grand
+ 245 - 88
docs/css/bulma-docs.css


Certains fichiers n'ont pas été affichés car il y a eu trop de fichiers modifiés dans ce diff