Update README status and about

Use 235ms transition duration, ease-in-out, and omit default value.

Co-authored-by: Olivier <olivierc8@hotmail.com>

README.md

@@ -12,7 +12,6 @@
 
 - [Table of contents](#table-of-contents)
 - [Quick-start](#quick-start)
-- [Status](#status)
 - [Content of the framework](#content-of-the-framework)
 - [Documentation](#documentation)
 - [Customizing](#customizing)
@@ -29,15 +28,8 @@ There are several options available:
 - Install with npm: `npm install papercss`
 - Install with yarn: `yarn add papercss`
 - Import it using a CDN (it will automatically download the latest version):
-    - `https://unpkg.com/papercss/dist/paper.min.css`
-    - `https://unpkg.com/papercss/dist/paper.css`
-
-## Status
-
-[![Build status](https://travis-ci.org/papercss/papercss.svg?branch=master)](https://travis-ci.org/papercss/papercss)
-[![Dependencies](https://img.shields.io/david/papercss/papercss.svg)](https://david-dm.org/papercss/papercss)
-[![Peer dependencies](https://img.shields.io/david/peer/papercss/papercss.svg)](https://david-dm.org/papercss/papercss?type=peer)
-[![Dev dependencies](https://img.shields.io/david/dev/papercss/papercss.svg)](https://david-dm.org/papercss/papercss?type=dev)
+  - `https://unpkg.com/papercss/dist/paper.min.css`
+  - `https://unpkg.com/papercss/dist/paper.css`
 
 ## Content of the framework
 
@@ -85,7 +77,7 @@ Note: If you have a hotfix (usually typos and minor documentation tweaks), creat
 
 ## About
 
-PaperCSS was originally made by [@rhyneav](https://github.com/rhyneav) to be something different than the typical mODerN STylEs and clean pages found in every other CSS framework. It was built with LESS and deployed on a single index.html page before being open sourced. It has since evolved; The CSS source has been rewritten in SCSS and the documentation is now built with Hugo (all thanks to some [wonderful contributors](https://github.com/papercss/papercss/graphs/contributors)). In addition to the original creator, it is maintained by [@Fraham](https://github.com/Fraham) and [@TotomInc](https://github.com/TotomInc).
+PaperCSS was originally made by [@rhyneav](https://github.com/rhyneav) to be something different than the typical mODerN STylEs and clean pages found in every other CSS framework. It was built with LESS and deployed on a single index.html page before being open sourced. It has since evolved; The CSS source has been rewritten in SCSS and the documentation is now built with Hugo (all thanks to some [wonderful contributors](https://github.com/papercss/papercss/graphs/contributors)). It is currently maintained by the [PaperCSS team](https://github.com/orgs/papercss/people).
 
 The goal of PaperCSS is to be as minimal as possible when adding classes. For example, a button should just look like a paper button. There shouldn't be a need to add a class such as `paper-button`. Because of this, adding PaperCSS to a markdown generated page should instantly paper-ize it.
 

dist/paper.css

@@ -2531,7 +2531,8 @@ fieldset.form-group {
 [popover-bottom]:hover::after,
 [popover-left]:hover::after {
   opacity: 1;
-  transition: opacity 0.2s ease-out;
+  transition: opacity 235ms ease-in-out, visibility 0s linear;
+  visibility: visible;
 }
 [popover-top]::after,
 [popover-right]::after,
@@ -2541,7 +2542,6 @@ fieldset.form-group {
   border-bottom-right-radius: 225px 15px;
   border-top-left-radius: 255px 15px;
   border-top-right-radius: 15px 225px;
-  transition: opacity 235ms ease-in-out 0s;
   background-color: #41403e;
   background-color: var(--light-dark);
   border-color: #41403e;
@@ -2559,6 +2559,8 @@ fieldset.form-group {
   text-align: center;
   top: -6px;
   transform: translateX(-50%) translateY(-100%);
+  transition: opacity 235ms ease-in-out, visibility 0s linear 235ms;
+  visibility: hidden;
 }
 
 [popover-left]::before {

docs/content/_index.md

@@ -6,18 +6,18 @@ weight: -270
 
 #### Download
 
-Download the latest version (1.9.1) using either of the links below. Or
+Download the latest version (1.9.2) using either of the links below. Or
 download an older release via GitHub.
 
 <div class="row flex-spaces text-center">
-  <a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.9.1/paper.css">CSS File</a>
-  <a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.9.1/paper.min.css">Minified CSS File</a>
+  <a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.9.2/paper.css">CSS File</a>
+  <a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases/download/v1.9.2/paper.min.css">Minified CSS File</a>
   <a class="paper-btn margin" href="https://github.com/rhyneav/papercss/releases">GitHub Releases</a>
 </div>
 
 #### NPM
 
-PaperCSS is available on NPM, current version 1.9.1. Install with <code>npm install papercss --save</code> and find the CSS in:
+PaperCSS is available on NPM, current version 1.9.2. Install with <code>npm install papercss --save</code> and find the CSS in:
 
 - node_modules/papercss/dist/paper.css
 - node_modules/papercss/dist/paper.min.css
@@ -27,8 +27,8 @@ PaperCSS is available on NPM, current version 1.9.1. Install with <code>npm inst
 Don't want to download it? That's cool. You can just link to PaperCSS via
 [unpkg's CDN](https://unpkg.com/#/). You can use either:
 
-- [https://unpkg.com/papercss@1.9.1/dist/paper.css](https://unpkg.com/papercss@1.9.1/dist/paper.css)
-- [https://unpkg.com/papercss@1.9.1/dist/paper.min.css](https://unpkg.com/papercss@1.9.1/dist/paper.min.css)
+- [https://unpkg.com/papercss@1.9.2/dist/paper.css](https://unpkg.com/papercss@1.9.2/dist/paper.css)
+- [https://unpkg.com/papercss@1.9.2/dist/paper.min.css](https://unpkg.com/papercss@1.9.2/dist/paper.min.css)
 
 Here's a quick snippet to get started with PaperCSS:
 
@@ -41,7 +41,7 @@ Here's a quick snippet to get started with PaperCSS:
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <link
       rel="stylesheet"
-      href="https://unpkg.com/papercss@1.9.1/dist/paper.min.css"
+      href="https://unpkg.com/papercss@1.9.2/dist/paper.min.css"
     />
     <title>Document</title>
   </head>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "papercss",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "papercss",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "description": "The less formal CSS framework.",
   "main": "dist/paper.css",
   "scripts": {

src/components/_popovers.scss

@@ -10,14 +10,14 @@
   &:hover {
     &::after {
       opacity: 1;
-      transition: opacity 0.2s ease-out;
+      transition: opacity 235ms ease-in-out, visibility 0s linear;
+      visibility: visible;
     }
   }
 
   // Creating popover::after element
   &::after {
     @include border-style();
-    @include transition(opacity);
     @include color('background-color', 'light-dark');
     @include color('border-color', 'light-dark');
     @include color('color', 'primary-inverse');
@@ -32,6 +32,8 @@
     text-align: center;
     top: -6px;
     transform: translateX(-50%) translateY(-100%);
+    transition: opacity 235ms ease-in-out, visibility 0s linear 235ms;
+    visibility: hidden;
   }
 }