feat: make Asset support RTL

adobe · Feb 14, 2020 · d272290 · d272290
1 parent 39f318b
commit d272290
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/components/asset/index.css b/components/asset/index.css
@@ -13,25 +13,25 @@ governing permissions and limitations under the License.
 @import '../commons/index.css';
 
 .spectrum-Asset {
-  width: 100%;
-  height: 100%;
+  inline-size: 100%;
+  block-size: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .spectrum-Asset-image {
-  max-width: 100%;
-  max-height: 100%;
+  max-inline-size: 100%;
+  max-block-size: 100%;
   object-fit: contain;
   transition: opacity var(--spectrum-global-animation-duration-100);
 }
 
 .spectrum-Asset-folder,
 .spectrum-Asset-file {
-  width: 100%;
-  height: 100%;
-  min-width: var(--spectrum-asset-icon-min-width);
-  max-width: var(--spectrum-asset-icon-max-width);
+  inline-size: 100%;
+  block-size: 100%;
+  min-inline-size: var(--spectrum-asset-icon-min-width);
+  max-inline-size: var(--spectrum-asset-icon-max-width);
   margin: var(--spectrum-asset-icon-margin);
 }