Add default is-outlined styles

chrisrhymes · Jan 17, 2021 · e75f7f6 · e75f7f6
1 parent 42b8fa0
commit e75f7f6
Show file tree

Hide file tree

Showing 6 changed files with 33 additions and 17 deletions.
diff --git a/docs/Gemfile b/docs/Gemfile
@@ -1,3 +1,3 @@
 source 'https://rubygems.org'
-gem "bulma-clean-theme",  '0.10.3'
+gem "bulma-clean-theme",  '0.10.5'
 gem 'github-pages', group: :jekyll_plugins
diff --git a/docs/Gemfile.lock b/docs/Gemfile.lock
@@ -9,7 +9,7 @@ GEM
       zeitwerk (~> 2.2, >= 2.2.2)
     addressable (2.7.0)
       public_suffix (>= 2.0.2, < 5.0)
-    bulma-clean-theme (0.10.3)
+    bulma-clean-theme (0.10.5)
       jekyll (~> 3.9)
       jekyll-feed (~> 0.15)
       jekyll-paginate (~> 1.1)
@@ -33,10 +33,12 @@ GEM
       ffi (>= 1.3.0)
     eventmachine (1.2.7)
     execjs (2.7.0)
-    faraday (1.1.0)
+    faraday (1.3.0)
+      faraday-net_http (~> 1.0)
       multipart-post (>= 1.2, < 3)
       ruby2_keywords
-    ffi (1.14.1)
+    faraday-net_http (1.0.1)
+    ffi (1.14.2)
     forwardable-extended (2.6.0)
     gemoji (3.0.1)
     github-pages (209)
@@ -206,25 +208,27 @@ GEM
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.3)
-    listen (3.3.3)
+    listen (3.4.1)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.3.6)
-    mini_portile2 (2.4.0)
+    mini_portile2 (2.5.0)
     minima (2.5.1)
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
-    minitest (5.14.2)
+    minitest (5.14.3)
     multipart-post (2.1.1)
-    nokogiri (1.10.10)
-      mini_portile2 (~> 2.4.0)
-    octokit (4.19.0)
+    nokogiri (1.11.1)
+      mini_portile2 (~> 2.5.0)
+      racc (~> 1.4)
+    octokit (4.20.0)
       faraday (>= 0.9)
       sawyer (~> 0.8.0, >= 0.5.3)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
     public_suffix (3.1.1)
+    racc (1.5.2)
     rb-fsevent (0.10.4)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
@@ -243,7 +247,7 @@ GEM
     sawyer (0.8.2)
       addressable (>= 2.3.5)
       faraday (> 0.8, < 2.0)
-    simpleidn (0.1.1)
+    simpleidn (0.2.1)
       unf (~> 0.1.4)
     terminal-table (1.8.0)
       unicode-display_width (~> 1.1, >= 1.1.1)
@@ -262,7 +266,7 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
-  bulma-clean-theme (= 0.10.3)
+  bulma-clean-theme (= 0.10.5)
   github-pages
 
 BUNDLED WITH

diff --git a/docs/_sass/_block-list.scss b/docs/_sass/_block-list.scss
@@ -67,6 +67,12 @@ $block-list-highlight-width: 5px !default;
         border: 1px solid $color;
     }
 
+    li.is-outlined,
+    &.is-outlined > li {
+        @include outlined($border);
+        color: $text;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);

diff --git a/docs/index.html b/docs/index.html
@@ -119,16 +119,16 @@ <h2 id="how-to-use">How to use</h2>
         <p class="title is-4" id="outlined">Outlined</p>
     </div>
     <div class="column is-4">
-        <p class="title is-5">is-outlined is-primary</p>
-        <ul class="block-list is-outlined is-primary">
+        <p class="title is-5">is-outlined</p>
+        <ul class="block-list is-outlined">
             <li>Item one</li>
             <li>Item two</li>
             <li>Item three</li>
         </ul>
     </div>
     <div class="column is-4">
-        <p class="title is-5">is-outlined is-info</p>
-        <ul class="block-list is-outlined is-info">
+        <p class="title is-5">is-outlined is-primary</p>
+        <ul class="block-list is-outlined is-primary">
             <li>Item one</li>
             <li>Item two</li>
             <li>Item three</li>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bulma-block-list",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "A simple scss package extending Bulma with block style list elements",
   "homepage": "https://github.com/chrisrhymes/bulma-block-list#readme",
   "bugs": {

diff --git a/src/block-list.scss b/src/block-list.scss
@@ -67,6 +67,12 @@ $block-list-highlight-width: 5px !default;
         border: 1px solid $color;
     }
 
+    li.is-outlined,
+    &.is-outlined > li {
+        @include outlined($border);
+        color: $text;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);