📦 v1.2.1

Esri · Jan 11, 2019 · 77ca4cc · 77ca4cc
1 parent a33cf7f
commit 77ca4cc
Show file tree

Hide file tree

Showing 31 changed files with 274 additions and 308 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,7 +1,7 @@
 ## [1.2.1]
 
 ### Added
--  New mixins for RTL support: border-left, border-right, border-left-color, border-right-color, position-left, position-right 
+-  New mixins for RTL support: border-left, border-right, border-left-color, border-right-color, position-left, position-right
 
 ## [1.2.0]
 
@@ -1405,6 +1405,7 @@ Begin foundational sass for the framework.
 - CSS Reset
 - Grunt Workflows
 
+[1.2.1]: https://github.com/esri/calcite-web/compare/v1.2.0...v1.2.1
 [1.2.0]: https://github.com/esri/calcite-web/compare/v1.1.0...v1.2.0
 [1.1.0]: https://github.com/esri/calcite-web/compare/v1.0.3...v1.1.0
 [1.0.3]: https://github.com/esri/calcite-web/compare/v1.0.2...v1.0.3

diff --git a/dist/css/calcite-web-dark.css b/dist/css/calcite-web-dark.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.2.0
+ * @version v1.2.1
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web
@@ -3886,18 +3886,18 @@ input[type="file"]::-webkit-file-upload-button,
   width: 100%;
   background-color: #333333;
   cursor: auto; }
+  html[dir="rtl"] .dropdown-title {
+    text-align: right; }
   .dropdown-title:hover {
     background-color: #333333;
     text-decoration: none;
     color: #9e9e9e; }
   .dropdown-title.is-active, .dropdown-title:focus {
     text-indent: -3px;
     border-left: 3px solid #2493f2; }
-  html[dir="rtl"] .dropdown-title {
-    text-align: right; }
-  html[dir="rtl"] .dropdown-title.is-active, html[dir="rtl"] .dropdown-title:focus {
-    border-left: none;
-    border-right: 3px solid #2493f2; }
+    html[dir="rtl"] .dropdown-title.is-active, html[dir="rtl"] .dropdown-title:focus {
+      border-left: none;
+      border-right: 3px solid #2493f2; }
 
 .dropdown-link {
   position: relative;
@@ -3918,18 +3918,18 @@ input[type="file"]::-webkit-file-upload-button,
   white-space: nowrap;
   cursor: pointer;
   width: 100%; }
+  html[dir="rtl"] .dropdown-link {
+    text-align: right; }
   .dropdown-link:hover {
     background-color: #333333;
     text-decoration: none;
     color: #9e9e9e; }
   .dropdown-link.is-active, .dropdown-link:focus {
     text-indent: -3px;
     border-left: 3px solid #2493f2; }
-  html[dir="rtl"] .dropdown-link {
-    text-align: right; }
-  html[dir="rtl"] .dropdown-link.is-active, html[dir="rtl"] .dropdown-link:focus {
-    border-left: none;
-    border-right: 3px solid #2493f2; }
+    html[dir="rtl"] .dropdown-link.is-active, html[dir="rtl"] .dropdown-link:focus {
+      border-left: none;
+      border-right: 3px solid #2493f2; }
 
 .breadcrumbs {
   font-size: 0.875rem;
@@ -4045,7 +4045,8 @@ input[type="file"]::-webkit-file-upload-button,
   transform: translateY(50%); }
   html[dir="rtl"] .tooltip-left:after {
     right: auto;
-    left: 100%;
+    left: 100%; }
+  html[dir="rtl"] .tooltip-left:after {
     margin-right: 0;
     margin-left: 5px; }
 
@@ -4058,14 +4059,15 @@ input[type="file"]::-webkit-file-upload-button,
   border-bottom: 5px solid transparent; }
   html[dir="rtl"] .tooltip-left:before {
     left: auto;
-    right: -5px;
-    margin-right: 0;
+    right: -5px; }
+  html[dir="rtl"] .tooltip-left:before {
     border-left-color: transparent;
     border-right-color: rgba(255, 255, 255, 0.7); }
+  html[dir="rtl"] .tooltip-left:before {
+    margin-right: 0; }
 
 .tooltip-right:after {
   top: auto;
-  right: auto;
   bottom: 50%;
   left: 100%;
   margin-left: 5px;
@@ -4076,7 +4078,8 @@ input[type="file"]::-webkit-file-upload-button,
   transform: translateY(50%); }
   html[dir="rtl"] .tooltip-right:after {
     left: auto;
-    right: 100%;
+    right: 100%; }
+  html[dir="rtl"] .tooltip-right:after {
     margin-left: 0;
     margin-right: 5px; }
 
@@ -4089,10 +4092,11 @@ input[type="file"]::-webkit-file-upload-button,
   border-right-color: rgba(255, 255, 255, 0.7);
   border-bottom: 5px solid transparent; }
   html[dir="rtl"] .tooltip-right:before {
-    left: -5px;
     right: auto;
-    border-left-color: rgba(255, 255, 255, 0.7);
-    border-right-color: transparent; }
+    left: -5px; }
+  html[dir="rtl"] .tooltip-right:before {
+    border-right-color: transparent;
+    border-left-color: rgba(255, 255, 255, 0.7); }
 
 .tooltip-multiline:after {
   width: 22em;
@@ -4165,12 +4169,12 @@ input[type="file"]::-webkit-file-upload-button,
   color: #2493f2;
   background: transparent;
   color: currentColor;
-  position: absolute; }
+  position: absolute;
+  right: 0.75rem; }
   .alert-close:hover {
     text-decoration: underline; }
-  html:not([dir="rtl"]) .alert-close {
-    right: 0.75rem; }
   html[dir="rtl"] .alert-close {
+    right: auto;
     left: 0.75rem; }
 
 .alert-full {
@@ -4253,7 +4257,8 @@ input[type="file"]::-webkit-file-upload-button,
     font-weight: 300;
     border-left: 1px solid #5c5c5c;
     border-right: 1px solid #5c5c5c;
-    padding: 0.5rem; }
+    padding: 0.5rem;
+    text-align: left; }
     html[dir="rtl"] .table th, html[dir="rtl"] .table td {
       text-align: right; }
   .table tr {
@@ -4456,7 +4461,6 @@ html[dir="rtl"] .input-error, html[dir="rtl"] .input-success {
   .input-error-message:after {
     content: "";
     position: absolute;
-    left: 11px;
     top: -15px;
     width: 0;
     height: 0;
@@ -4466,16 +4470,17 @@ html[dir="rtl"] .input-error, html[dir="rtl"] .input-success {
   .input-error-message:before {
     content: "";
     position: absolute;
-    left: 11px;
     top: -16px;
     width: 0;
     height: 0;
     pointer-events: none;
     border: 8px solid transparent;
     border-bottom-color: #853218; }
-  html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before {
-    left: unset;
-    right: 11px; }
+  .input-error-message:after, .input-error-message:before {
+    left: 11px; }
+    html[dir="rtl"] .input-error-message:after, html[dir="rtl"] .input-error-message:before {
+      left: auto;
+      right: 11px; }
   .input-error-message.is-active, .input-error-message.is-active:before, .input-error-message.is-active:after {
     display: inline-block; }
 
@@ -4705,7 +4710,7 @@ input.input-group-input,
     margin-right: 0;
     margin-left: 0; }
   .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
-    border-left: none; }
+    border-right: 1px solid #5c5c5c; }
     html[dir="rtl"] .radio-group-input:checked + .radio-group-label + .radio-group-input + .radio-group-label {
       border-right: none;
       border-left: 1px solid #5c5c5c; }
@@ -5335,28 +5340,27 @@ input[type="range"]::-ms-thumb {
       border-color: #40a7ff;
       box-shadow: 0 3px 1px 0px rgba(173, 173, 173, 0.2); }
       html[dir="rtl"] .toggle-switch-input[type]:active + .toggle-switch-track:after {
-        right: 1px;
-        left: auto; }
+        left: auto;
+        right: 1px; }
   .toggle-switch-input[type]:checked + .toggle-switch-track {
     border-color: #40a7ff;
     background-color: #2493f2; }
     .toggle-switch-input[type]:checked + .toggle-switch-track:after {
       right: -1px;
-      left: auto;
       border-color: #40a7ff;
       box-shadow: 0 2px 1px 0px rgba(173, 173, 173, 0.2); }
       html[dir="rtl"] .toggle-switch-input[type]:checked + .toggle-switch-track:after {
-        left: -1px;
-        right: auto; }
+        right: auto;
+        left: -1px; }
   .toggle-switch-input[type]:checked:active + .toggle-switch-track {
     box-shadow: 0 0 4px 2px rgba(59, 143, 195, 0.9); }
     .toggle-switch-input[type]:checked:active + .toggle-switch-track:after {
       right: 1px;
       border-color: #40a7ff;
       box-shadow: 0 3px 1px 0px rgba(173, 173, 173, 0.2); }
       html[dir="rtl"] .toggle-switch-input[type]:checked:active + .toggle-switch-track:after {
-        left: 1px;
-        right: auto; }
+        right: auto;
+        left: 1px; }
   .toggle-switch-input[type]:focus + .toggle-switch-track {
     box-shadow: 0 0 4px 2px rgba(92, 92, 92, 0.9); }
     .toggle-switch-input[type]:focus + .toggle-switch-track:after {
@@ -5398,8 +5402,8 @@ input[type="range"]::-ms-thumb {
     -webkit-transition: all 0.25s ease;
     transition: all 0.25s ease; }
     html[dir="rtl"] .toggle-switch-track:after {
-      right: -1px;
-      left: auto; }
+      left: auto;
+      right: -1px; }
   @supports (-ms-ime-align: auto) {
     .toggle-switch-track {
       top: .4em; } }
@@ -5892,9 +5896,9 @@ body {
   max-height: 80vh;
   z-index: 102;
   float: none;
+  text-align: left;
   background: #000000;
   padding: 1.5rem;
-  text-align: left;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   display: inline-block;
@@ -5912,8 +5916,9 @@ body {
   -o-transform: translate3d(0, 20px, 0);
   transform: translate3d(0, 20px, 0); }
   html[dir="rtl"] .modal-content {
-    float: none;
     text-align: right; }
+  html[dir="rtl"] .modal-content {
+    float: none; }
 
 .search-overlay {
   position: fixed;
@@ -6264,7 +6269,6 @@ input.filter-dropdown-input {
   right: 10px; }
   html[dir="rtl"] .filter-link-close {
     right: auto;
-    right: initial;
     left: 10px; }
 
 .filter-link-check {
@@ -6274,7 +6278,7 @@ input.filter-dropdown-input {
   position: absolute;
   left: 10px; }
   html[dir="rtl"] .filter-link-check {
-    left: initial;
+    left: auto;
     right: 10px; }
 
 .filter-dropdown-active {
@@ -6457,19 +6461,21 @@ input.filter-dropdown-input {
       line-height: 1;
       text-align: right;
       border-right: 2px solid #5c5c5c; }
+      html[dir="rtl"] .list-numbered > li:before {
+        left: auto;
+        right: 0; }
       @media screen and (max-width: 859px) {
         .list-numbered > li:before {
           font-size: 1.1305rem; } }
       @media screen and (max-width: 479px) {
         .list-numbered > li:before {
           font-size: 1.0625rem; } }
       html[dir="rtl"] .list-numbered > li:before {
-        left: auto;
-        right: 0;
-        padding: 0 0 0 .5em;
-        text-align: left;
         border-right: none;
         border-left: 2px solid #5c5c5c; }
+      html[dir="rtl"] .list-numbered > li:before {
+        padding: 0 0 0 .5em;
+        text-align: left; }
     .list-numbered > li:after {
       content: ".";
       display: block;

diff --git a/dist/css/calcite-web-dark.min.css b/dist/css/calcite-web-dark.min.css
diff --git a/dist/css/calcite-web-e-commerce.css b/dist/css/calcite-web-e-commerce.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.2.0
+ * @version v1.2.1
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web

diff --git a/dist/css/calcite-web-e-commerce.min.css b/dist/css/calcite-web-e-commerce.min.css
diff --git a/dist/css/calcite-web-marketing.css b/dist/css/calcite-web-marketing.css
@@ -1,6 +1,6 @@
 /*!
  * Calcite Web - Calcite Design Components in CSS, JS and HTML
- * @version v1.2.0
+ * @version v1.2.1
  * @license Apache-2.0
  * @copyright 2018 Esri
  * @link https://github.com/Esri/calcite-web

diff --git a/dist/css/calcite-web-marketing.min.css b/dist/css/calcite-web-marketing.min.css