Merge pull request #635 from picturepan2/0.5.9

0.5.9

.gitignore

@@ -1,5 +1,7 @@
 .idea/
 node_modules/
+yarn.lock
+package-lock.json
 .*
 !.csscomb.json
 !.gitignore

CHANGELOG.md

@@ -1,5 +1,15 @@
 #### Spectre.css Changelog
 
+##### v0.5.9 [#](https://github.com/picturepan2/spectre/releases/tag/v0.5.9)
+
+- Update gulp and dependencies
+- Update docs, fixes typos, merging PRs, and add more examples like Hero layout and custom prefix
+- Update column classes less verbose 
+- Fix #619 by adding pointer-events to 3 dots
+- Fix the behavior of class `loading` together with tooltip
+- Only rotate the first child icon when accordion is open/close
+- Add a "Reviewed by Hound" badge 
+
 ##### v0.5.8 [#](https://github.com/picturepan2/spectre/releases/tag/v0.5.8)
 
 - IMPORTANT: Moving 

LICENSE

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 - 2018 Yan Zhu
+Copyright (c) 2016 - 2020 Yan Zhu
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -4,6 +4,8 @@
 
 ## Spectre.css
 
+[![Reviewed by Hound](https://img.shields.io/badge/Reviewed_by-Hound-8E64B0.svg)](https://houndci.com)
+
 Spectre.css is a lightweight, responsive and modern CSS framework.
 
 - Lightweight (~10KB gzipped) starting point for your projects

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "spectre.css",
-  "version": "0.5.8",
+  "version": "0.5.9",
   "description": "Spectre.css: A lightweight, responsive and modern CSS framework",
   "homepage": "http://picturepan2.github.io/spectre",
   "repository": "picturepan2/spectre",

dist/spectre-exp.css

@@ -1,12 +1,12 @@
-/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Experimentals v0.5.9 | MIT License | github.com/picturepan2/spectre */
 .form-autocomplete {
   position: relative;
 }
 
 .form-autocomplete .form-autocomplete-input {
   align-content: flex-start;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-line-pack: start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -62,17 +62,17 @@
   background: #f7f8f9;
   border-top-left-radius: .1rem;
   border-top-right-radius: .1rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   font-size: .9rem;
   padding: .4rem;
 }
 
 .calendar .calendar-header,
 .calendar .calendar-body {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-pack: center;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
@@ -215,8 +215,8 @@
 .calendar.calendar-lg .calendar-body .calendar-date {
   border-bottom: .05rem solid #dadee4;
   border-right: .05rem solid #dadee4;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   height: 5.5rem;
@@ -356,8 +356,8 @@
 
 .carousel .carousel-nav {
   bottom: .4rem;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-pack: center;
   justify-content: center;
   left: 50%;
@@ -469,6 +469,7 @@
   color: #fff;
   content: "";
   height: 3px;
+  pointer-events: none;
   position: absolute;
   right: .4rem;
   top: 50%;
@@ -555,8 +556,8 @@
 }
 
 .filter .filter-body {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
@@ -620,8 +621,8 @@
 }
 
 .off-canvas {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-flow: nowrap;
   flex-flow: nowrap;
   height: 100%;
@@ -727,8 +728,8 @@
 .parallax .parallax-front {
   align-items: center;
   color: #fff;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-pack: center;
   height: 100%;
@@ -916,6 +917,7 @@
   border-radius: 50%;
   height: .6rem;
   margin-top: -.25rem;
+  -webkit-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -925,6 +927,7 @@
   border: 0;
   border-radius: 50%;
   height: .6rem;
+  -moz-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -934,6 +937,7 @@
   border: 0;
   border-radius: 50%;
   height: .6rem;
+  -ms-transition: transform .2s;
   transition: transform .2s;
   width: .6rem;
 }
@@ -994,8 +998,8 @@
 }
 
 .timeline .timeline-item {
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   margin-bottom: 1.2rem;
   position: relative;
 }
@@ -1058,8 +1062,8 @@
 
 .viewer-360 {
   align-items: center;
-  display: flex;
   display: -ms-flexbox;
+  display: flex;
   -ms-flex-align: center;
   -ms-flex-direction: column;
   flex-direction: column;

dist/spectre-icons.css

@@ -1,4 +1,4 @@
-/*! Spectre.css Icons v0.5.8 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Icons v0.5.9 | MIT License | github.com/picturepan2/spectre */
 .icon {
   box-sizing: border-box;
   display: inline-block;