@sdata/web-vue 1.5.0 → 1.7.0

package/es/typography/style/index.less

@@ -1,204 +0,0 @@
-@import url('./token.less');
-@import url('../../input/style/token.less');
-
-@typography-prefix-cls: ~'@{prefix}-typography';
-
-.@{typography-prefix-cls} {
-  color: @typography-color-text;
-  line-height: @typography-paragraph-line-height;
-  white-space: normal;
-  overflow-wrap: anywhere;
-
-  // Title
-  h1&,
-  h2&,
-  h3&,
-  h4&,
-  h5&,
-  h6& {
-    margin-top: @typography-heading-margin-top;
-    margin-bottom: @typography-heading-margin-bottom;
-    font-weight: @typography-heading-font-weight;
-  }
-
-  h1& {
-    font-size: @typography-font-size-h1;
-    line-height: 1.23;
-  }
-
-  h2& {
-    font-size: @typography-font-size-h2;
-    line-height: 1.25;
-  }
-
-  h3& {
-    font-size: @typography-font-size-h3;
-    line-height: 1.29;
-  }
-
-  h4& {
-    font-size: @typography-font-size-h4;
-    line-height: 1.33;
-  }
-
-  h5& {
-    font-size: @typography-font-size-h5;
-    line-height: 1.4;
-  }
-
-  h6& {
-    font-size: @typography-font-size-h6;
-    line-height: 1.5;
-  }
-
-  div&,
-  p& {
-    margin-top: 0;
-    margin-bottom: 1em;
-  }
-
-  // Text
-  &-primary {
-    color: @typography-text-color-text-primary;
-  }
-
-  &-secondary {
-    color: @typography-text-color-text-secondary;
-  }
-
-  &-success {
-    color: @typography-text-color-text-success;
-  }
-
-  &-warning {
-    color: @typography-text-color-text-warning;
-  }
-
-  &-danger {
-    color: @typography-text-color-text-error;
-  }
-
-  &-disabled {
-    color: @typography-text-color-text_disabled;
-    cursor: not-allowed;
-  }
-
-  & mark {
-    background-color: @typography-text-color-bg-mark;
-  }
-
-  & u {
-    text-decoration: underline;
-  }
-
-  & del {
-    text-decoration: line-through;
-  }
-
-  & b {
-    font-weight: @typography-text-font-weight-bold;
-  }
-
-  & code {
-    margin: 0 @typography-text-margin-code-horizontal;
-    padding: @typography-text-padding-code-vertical @typography-text-padding-code-horizontal;
-    color: @typography-text-color-code;
-    font-size: 85%;
-    background-color: @typography-text-color-code-bg;
-    border: 1px solid @typography-text-color-code-border;
-    border-radius: 2px;
-  }
-
-  & blockquote {
-    margin: 0;
-    margin-bottom: 1em;
-    padding-left: 8px;
-    background-color: @typography-color-blockquote-bg;
-    border-left: @typography-color-blockquote-border-width solid
-      @typography-color-blockquote-border-left;
-  }
-
-  & ol,
-  & ul {
-    margin: 0;
-    padding: 0;
-  }
-
-  & ul li,
-  & ol li {
-    margin-left: 20px;
-  }
-
-  & ul {
-    list-style: circle;
-  }
-
-  &-spacing-close {
-    line-height: @typography-paragraph-line-height-close;
-  }
-
-  // Operations
-  &-operation-copy,
-  &-operation-copied {
-    margin-left: @typography-operation-margin-left;
-    padding: 2px;
-  }
-
-  &-operation-copy {
-    color: @typography-color-icon-copy;
-    background-color: @typography-color-bg-icon-copy;
-    border-radius: 2px;
-    cursor: pointer;
-    transition: background-color @transition-duration-1 @transition-timing-function-linear;
-
-    &:hover {
-      color: @typography-color-icon-copy_hover;
-      background-color: @typography-color-bg-icon-copy_hover;
-    }
-  }
-
-  &-operation-copied {
-    color: @typography-color-icon-copy_copied;
-  }
-
-  &-operation-edit {
-    margin-left: @typography-operation-margin-left;
-    padding: 2px;
-    color: @typography-color-icon-edit;
-    background-color: @typography-color-bg-icon-edit;
-    border-radius: 2px;
-    cursor: pointer;
-    transition: background-color @transition-duration-1 @transition-timing-function-linear;
-
-    &:hover {
-      color: @typography-color-icon-edit_hover;
-      background-color: @typography-color-bg-icon-edit_hover;
-    }
-  }
-
-  &-operation-expand {
-    margin: 0 4px;
-    color: @typography-color-expand-text;
-    cursor: pointer;
-
-    &:hover {
-      color: @typography-color-expand-text_hover;
-    }
-  }
-
-  // edit content
-  &-edit-content {
-    position: relative;
-    left: -(@textarea-padding-horizontal + @input-border-width);
-    margin-top: -(@textarea-padding-vertical + @input-border-width);
-    margin-right: -(@textarea-padding-horizontal + @input-border-width);
-    margin-bottom: calc(1em - @textarea-padding-vertical - @input-border-width);
-  }
-
-  // css
-  &-css-operation {
-    margin-top: -1em;
-    margin-bottom: 1em;
-    text-align: right;
-  }
-}

package/es/typography/style/token.less

@@ -1,55 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@typography-font-size-h1: 36px;
-@typography-font-size-h2: 32px;
-@typography-font-size-h3: 28px;
-@typography-font-size-h4: 24px;
-@typography-font-size-h5: 20px;
-@typography-font-size-h6: 16px;
-
-@typography-heading-font-weight: @font-weight-500;
-
-@typography-color-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@typography-text-color-text-primary: @color-primary-6;
-@typography-text-color-text-secondary: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-text-color-text-success: @color-success-6;
-@typography-text-color-text-warning: @color-warning-6;
-@typography-text-color-text-error: @color-danger-6;
-@typography-text-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@typography-text-color-bg-mark: rgb(var(~'@{sd-cssvars-prefix}-yellow-4'));
-@typography-text-font-weight-bold: @font-weight-500;
-
-@typography-text-color-code: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-text-color-code-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-@typography-text-color-code-bg: var(~'@{sd-cssvars-prefix}-color-neutral-2');
-@typography-text-padding-code-vertical: 2px;
-@typography-text-padding-code-horizontal: 8px;
-@typography-text-margin-code-horizontal: 2px;
-
-@typography-paragraph-line-height: @line-height-base;
-@typography-paragraph-line-height-close: 1.3;
-
-// Operations
-@typography-operation-margin-left: @spacing-1;
-@typography-color-icon-copy: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-color-bg-icon-copy: @color-transparent;
-@typography-color-icon-copy_hover: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-color-bg-icon-copy_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@typography-color-icon-copy_copied: @color-success-6;
-
-@typography-color-icon-edit: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-color-bg-icon-edit: @color-transparent;
-@typography-color-icon-edit_hover: var(~'@{sd-cssvars-prefix}-color-text-2');
-@typography-color-bg-icon-edit_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@typography-color-expand-text: @color-primary-6;
-@typography-color-expand-text_hover: @color-primary-5;
-
-@typography-color-blockquote-border-width: 2px;
-@typography-color-blockquote-border-left: var(~'@{sd-cssvars-prefix}-color-neutral-6');
-@typography-color-blockquote-bg: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@typography-heading-margin-top: 1em;
-@typography-heading-margin-bottom: 0.5em;