Merge pull request #156 from hocgin/feature-scss

Feature scss

Author: hocgin

pnpm-lock.yaml

@@ -3,42 +3,15 @@ import classnames from 'classnames';
 import { default as GinLogo } from '@/Logo';
 import { ConfigContext } from '@/ConfigProvider';
 import Icon from '@/Icon';
-
-const SocialLinks: React.FC<{ className?: string }> = (props) => {
-  let className = props.className;
-  return (
-    <ul className={className}>
-      <li>
-        <a
-          href='https://github.com/hocgin'
-          target='_blank'
-          rel='noopener noreferrer'
-        >
-          <Icon.GitHubFilled className={`${className}-github`} />
-        </a>
-      </li>
-      <li>
-        <a
-          href='https://weibo.com/hocgin'
-          target='_blank'
-          rel='noopener noreferrer'
-        >
-          <Icon.WeiboFilled className={`${className}-weibo`} />
-        </a>
-      </li>
-    </ul>
-  );
-};
-
 const DefaultCopyTitle: React.FC<{}> = () => {
   return (
     <>
       © 2013-2021 |{' '}
-      <a href='http://www.hocgin.top/' target='_blank'>
+      <a href="http://www.hocgin.top/" target="_blank">
         🧱 红土立方
       </a>
       {' | '}
-      <a href='https://beian.miit.gov.cn/' target='_blank'>
+      <a href="https://beian.miit.gov.cn/" target="_blank">
         闽ICP备20004537号
       </a>
     </>

src/Footer/Footer.tsx

@@ -79,17 +79,17 @@ $footer-prefix-cls: $hui-prefix + '-footer';
   }
 
   &-copytitle {
-    color: rgba(127, 127, 127, 0.6);
+    color: rgba(127, 127, 127, 0.6) !important;
     display: block;
     text-align: center;
     margin-top: 8px;
     font-size: 0.78em;
 
     a {
-      color: rgba(127, 127, 127, 0.6);
+      color: rgba(127, 127, 127, 0.6) !important;
 
       &:hover {
-        color: rgba(102, 102, 102, 0.75);
+        color: rgba(102, 102, 102, 0.75) !important;
       }
     }
   }

src/Footer/style/index.scss

@@ -189,7 +189,7 @@ type HeaderProps = {
   prefix?: any;
   logo?: any;
   logined?: boolean;
-  maxWidth?: number;
+  maxWidth?: number | any;
 };
 const Header: React.FC<HeaderProps> = ({
   className,

src/Header/components/Header/header.tsx

@@ -61,7 +61,7 @@ $header-menu-prefix-cls: $header-prefix-cls + '-menu';
   &-logo {
     position: relative;
     text-decoration: none;
-    //text-transform: uppercase;
+    color: #000;
     letter-spacing: 2px;
     font-weight: 700;
     user-select: none;

src/Header/style/index.scss

@@ -4,7 +4,7 @@
 $link-prefix-cls: $hui-prefix + '-alink';
 
 .#{$link-prefix-cls} {
-  color: #666;
+  color: #666 !important;
   font-size: 14px;
   font-weight: unset;
   text-decoration: none;
@@ -25,6 +25,6 @@ $link-prefix-cls: $hui-prefix + '-alink';
   }
 
   &:hover {
-    color: #000;
+    color: #000 !important;
   }
 }

src/Link/style/index.scss

@@ -16,7 +16,7 @@ $logo-heart-prefix-cls: $hui-prefix + '-logo-heart';
 
   &-text {
     margin-left: 1px;
-    color: #454d64;
+    color: #454d64 !important;
     display: inline-flex;
     align-items: center;
     justify-content: center;