Updated component to version 2.2.11

Author: Semantic-Pusher-Robot

RELEASE-NOTES.md

@@ -1,3 +1,7 @@
+### Version 2.2.11 - July 11, 2017
+
+- **Site** - Site now includes custom styles for in-page UI scrollbars (but not actual page scrollbar) by default in WebKit/Chrome. Components with inverted content like dimmer include an inverted scrollbar.  You can disable this by setting `@useCustomScrollbars: false` in your `site.variables`
+
 ### Version 2.2.0 - June 26, 2016
 
 - **Site** - Added colored box shadow defaults. `ui message` now includes individual colored border shadows based on new site defaults.

composer.json

@@ -15,5 +15,5 @@
     "framework"
   ],
   "license": "MIT",
-  "version": "2.2.10"
+  "version": "2.2.11"
 }

index.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.10 - Site
+ * # Semantic UI 2.2.11 - Site
  * http://github.com/semantic-org/semantic-ui/
  *
  *

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic-ui-site",
-  "version": "2.2.10",
+  "version": "2.2.11",
   "title": "Semantic UI - Site",
   "description": "Single component release of site",
   "homepage": "http://www.semantic-ui.com",

site.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.10 - Site
+ * # Semantic UI 2.2.11 - Site
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -111,6 +111,12 @@ a:hover {
 }
 
 
+/*******************************
+         Scrollbars
+*******************************/
+
+
+
 /*******************************
           Highlighting
 *******************************/
@@ -147,6 +153,43 @@ input::selection {
   color: rgba(0, 0, 0, 0.87);
 }
 
+/* Force Simple Scrollbars */
+body ::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 10px;
+}
+body ::-webkit-scrollbar-track {
+  background: rgba(0, 0, 0, 0.1);
+  border-radius: 0px;
+}
+body ::-webkit-scrollbar-thumb {
+  cursor: pointer;
+  border-radius: 5px;
+  background: rgba(0, 0, 0, 0.25);
+  -webkit-transition: color 0.2s ease;
+  transition: color 0.2s ease;
+}
+body ::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(0, 0, 0, 0.15);
+}
+body ::-webkit-scrollbar-thumb:hover {
+  background: rgba(128, 135, 139, 0.8);
+}
+
+/* Inverted UI */
+body .ui.inverted::-webkit-scrollbar-track {
+  background: rgba(255, 255, 255, 0.1);
+}
+body .ui.inverted::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.25);
+}
+body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
+  background: rgba(255, 255, 255, 0.15);
+}
+body .ui.inverted::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.35);
+}
+
 
 /*******************************
         Global Overrides

site.js

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.2.10 - Site
+ * # Semantic UI 2.2.11 - Site
  * http://github.com/semantic-org/semantic-ui/
  *
  *