@oceanbase/ui 1.0.0-alpha.1 → 1.0.0-alpha.11

package/lib/Welcome/index.less

@@ -1,185 +0,0 @@
-@import '../variable.less';
-
-@prefix: ob-welcome;
-
-.@{prefix}-container {
-  height: 100%;
-  padding-bottom: 0 !important;
-  background-color: @colorBgContainer;
-
-  .tech-page-container-content {
-    // 由于 umi 的本地开发和线上打包的 CSS 样式优先级不一致，导致下列样式在线上环境不生效，因此先加上 !important
-    // issue: https://github.com/umijs/umi/issues/5741
-    padding: 0 !important;
-  }
-
-  .@{prefix}-page-header {
-    height: 272px;
-    padding-top: 72px;
-    padding-left: 100px;
-    color: @colorBgContainer;
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-
-    p {
-      text-align: justify;
-    }
-
-    img {
-      width: 80px;
-    }
-
-    .@{prefix}-title {
-      font-size: 32px;
-      font-family: SFProText-Medium;
-    }
-
-    .@{prefix}-description {
-      margin-top: 16px;
-      margin-bottom: 32px;
-      font-family: SFProText-Regular;
-      opacity: 0.85;
-    }
-  }
-
-  .@{prefix}-introduce {
-    margin: 0 32px;
-    margin-top: -48px;
-    margin-bottom: 40px;
-
-    .@{prefixCls}-card-body {
-      padding: 48px 68px;
-      box-shadow: 0 1px 40px 2px rgba(28, 116, 230, 0.1);
-    }
-
-    .@{prefix}-item {
-      display: flex;
-
-      img {
-        margin-right: 12px;
-      }
-
-      .title {
-        color: @colorText;
-        font-size: 16px;
-        font-family: PingFangSC-Medium;
-      }
-
-      .description {
-        margin-top: 4px;
-        color: @colorTextSecondary;
-        font-family: SFProText-Regular;
-      }
-    }
-  }
-
-  .@{prefix}-content {
-    padding: 0 32px;
-    padding-bottom: 90px;
-
-    .@{prefix}-left {
-      padding: 0 36px;
-      border-right: 1px solid #e8e8e8;
-
-      .@{prefix}-item {
-        display: flex;
-        padding: 24px 24px;
-
-        .@{prefix}-order-wrapper {
-          .@{prefix}-order {
-            width: 24px;
-            height: 24px;
-            margin-right: 12px;
-            color: @colorTextQuaternary;
-            text-align: center;
-            border: 1px solid @colorTextQuaternary;
-            border-radius: 24px;
-          }
-        }
-
-        .@{prefix}-title {
-          margin-top: 0;
-          color: @colorText;
-          font-size: 16px;
-        }
-
-        .@{prefix}-description {
-          margin-top: 8px;
-          color: @colorTextTertiary;
-        }
-      }
-
-      .@{prefix}-btn-wrapper {
-        margin-right: 24px;
-        margin-left: 60px;
-      }
-    }
-
-    .@{prefix}-right {
-      padding: 24px 64px;
-
-      .@{prefix}-title {
-        margin-bottom: 16px;
-        color: @colorText;
-        font-size: 16px;
-        font-family: PingFangSC-Medium;
-      }
-
-      .@{prefixCls}-btn {
-        margin-right: 12px;
-        margin-bottom: 12px;
-        background: rgba(24, 144, 255, 0.06);
-        border: none;
-      }
-
-      .@{prefix}-more {
-        background: rgba(0, 0, 0, 0.04);
-      }
-    }
-  }
-}
-
-.@{prefix}-step {
-  display: flex;
-  // margin-right: 30px;
-  margin-bottom: 30px;
-  padding: 20px 30px 20px 0;
-  background: @colorBgContainer;
-  border: 1px solid rgba(0, 0, 0, 0.06);
-  border-radius: 2px;
-
-  &:hover {
-    box-shadow: 0 4px 16px 0;
-    cursor: pointer;
-  }
-
-  &:nth-child(even) {
-    margin-right: 0;
-  }
-
-  .@{prefix}-step-left {
-    padding: 0 20px;
-  }
-
-  .@{prefix}-step-right {
-    .@{prefix}-step-title {
-      color: @colorText;
-      font-size: 16px;
-      line-height: 24px;
-    }
-
-    .@{prefix}-step-description {
-      color: @colorTextTertiary;
-    }
-  }
-
-  .@{prefix}-step-operations {
-    color: @colorPrimary;
-    font-size: 14px;
-    line-height: 22px;
-  }
-}
-
-.borderRight {
-  border-right: 1px solid #e8e8e8;
-}

package/lib/index.less

@@ -1 +0,0 @@
-@import './variable.less';

package/lib/variable.less

@@ -1,54 +0,0 @@
-@import '~@oceanbase/design/es/theme/index.less';
-
-// 限制最大宽度，避免页面被无限拉伸
-// 暂时去除最大宽度限制
-@maxWidth: 8192px;
-@prefixCls: ant;
-@iconPrefixCls: anticon;
-
-// 边框渐变
-.border-gradient
-  (
-    // 背景色，默认为透明色
-    @background-color: transparent,
-    // 边框色
-    @border-color,
-    // 边框宽度
-    @border-width: 1px, 
-    // 边框样式
-    @border-style: solid,
-    // 边框圆角
-    @border-radius: 0px
-  ) {
-  background-image: @background-color, @border-color;
-  background-clip: padding-box, border-box;
-  background-origin: padding-box, border-box;
-  border: @border-width @border-style transparent;
-  border-radius: @border-radius;
-  transition: border-width 0.3s;
-}
-
-@keyframes activeGradientAnimation {
-  0% {
-    background-repeat: no-repeat;
-    background-size: 0% 100%;
-  }
-  100% {
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-  }
-}
-
-@keyframes selectedGradientAnimation {
-  0% {
-    background-repeat: no-repeat;
-    background-size: 0% 100%;
-    // 选中态有圆角渐变动画
-    border-radius: 0;
-  }
-  100% {
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-    border-radius: 8px;
-  }
-}