@api-client/ui 0.0.15 → 0.1.0

package/src/elements/environment/EnvironmentEditor.styles.ts

@@ -1,81 +1,69 @@
-import { css } from 'lit';
+import { css } from 'lit'
 
 export default css`
-:host {
-  display: block;
-  max-width: 900px;
-}
+  :host {
+    display: block;
+    max-width: 900px;
+  }
 
-ui-text-field {
-  margin: 0;
-  width: 100%;
-}
+  ui-text-field {
+    margin: 0;
+    width: 100%;
+  }
 
-.section-title {
-  font-family: var(--md-sys-typescale-title-large-font-family-name);
-  font-style: var(--md-sys-typescale-title-large-font-family-style);
-  font-weight: var(--md-sys-typescale-title-large-font-weight);
-  font-size: var(--md-sys-typescale-title-large-font-size);
-  letter-spacing: var(--md-sys-typescale-title-large-tracking);
-  line-height: var(--md-sys-typescale-title-large-height);
-  text-transform: var(--md-sys-typescale-title-large-text-transform);
-  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
-  
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-  height: 48px;
-}
+  .section-title {
+    font-family: var(--md-sys-typescale-title-large-font);
+    font-weight: var(--md-sys-typescale-title-large-weight);
+    font-size: var(--md-sys-typescale-title-large-size);
+    letter-spacing: var(--md-sys-typescale-title-large-tracking);
+    line-height: var(--md-sys-typescale-title-large-height);
 
-.form-item,
-.encapsulate-item {
-  margin-bottom: 20px;
-}
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+    height: 48px;
+  }
 
-.encapsulate-item {
-  display: flex;
-  align-items: center;
-}
+  .form-item,
+  .encapsulate-item {
+    margin-bottom: 20px;
+  }
 
-.encapsulate-item label {
-  font-family: var(--md-sys-typescale-label-large-font-family-name);
-  font-style: var(--md-sys-typescale-label-large-font-family-style);
-  font-weight: var(--md-sys-typescale-label-large-font-weight);
-  font-size: var(--md-sys-typescale-label-large-font-size);
-  letter-spacing: var(--md-sys-typescale-label-large-tracking);
-  line-height: var(--md-sys-typescale-label-large-height);
-  text-transform: var(--md-sys-typescale-label-large-text-transform);
-  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
-}
+  .encapsulate-item {
+    display: flex;
+    align-items: center;
+  }
 
-.empty-info,
-.help-banner {
-  font-family: var(--md-sys-typescale-body-large-font-family-name);
-  font-style: var(--md-sys-typescale-body-large-font-family-style);
-  font-weight: var(--md-sys-typescale-body-large-font-weight);
-  font-size: var(--md-sys-typescale-body-large-font-size);
-  letter-spacing: var(--md-sys-typescale-body-large-tracking);
-  line-height: var(--md-sys-typescale-body-large-height);
-  text-transform: var(--md-sys-typescale-body-large-text-transform);
-  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
-}
+  .encapsulate-item label {
+    font-family: var(--md-sys-typescale-label-large-font);
+    font-weight: var(--md-sys-typescale-label-large-weight);
+    font-size: var(--md-sys-typescale-label-large-size);
+    letter-spacing: var(--md-sys-typescale-label-large-tracking);
+    line-height: var(--md-sys-typescale-label-large-height);
+  }
 
-.auth-info {
-  font-family: var(--md-sys-typescale-body-small-font-family-name);
-  font-style: var(--md-sys-typescale-body-small-font-family-style);
-  font-weight: var(--md-sys-typescale-body-small-font-weight);
-  font-size: var(--md-sys-typescale-body-small-font-size);
-  letter-spacing: var(--md-sys-typescale-body-small-tracking);
-  line-height: var(--md-sys-typescale-body-small-height);
-  text-transform: var(--md-sys-typescale-body-small-text-transform);
-  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
-}
+  .empty-info,
+  .help-banner {
+    font-family: var(--md-sys-typescale-body-large-font);
+    font-weight: var(--md-sys-typescale-body-large-weight);
+    font-size: var(--md-sys-typescale-body-large-size);
+    letter-spacing: var(--md-sys-typescale-body-large-tracking);
+    line-height: var(--md-sys-typescale-body-large-height);
+  }
 
-ui-switch {
-  margin-right: 12px;
-}
+  .auth-info {
+    font-family: var(--md-sys-typescale-body-small-font);
+    font-weight: var(--md-sys-typescale-body-small-weight);
+    font-size: var(--md-sys-typescale-body-small-size);
+    letter-spacing: var(--md-sys-typescale-body-small-tracking);
+    line-height: var(--md-sys-typescale-body-small-height);
+  }
 
-ui-divider {
-  margin: 40px 0;
-}
-`;
+  ui-switch {
+    margin-right: 12px;
+  }
+
+  ui-divider {
+    margin: 40px 0;
+  }
+`