From 3133552bde0f99be9d14fe4ecead4cf770348153 Mon Sep 17 00:00:00 2001
From: kooriookami <38392315+kooriookami@users.noreply.github.com>
Date: Fri, 11 Dec 2020 02:46:42 -0600
Subject: [PATCH] fix(docs): lang="sass" to lang="scss" (#970)

---
 website/pages/changelog.vue | 2 +-
 website/pages/component.vue | 5 ++---
 website/pages/design.vue    | 2 +-
 website/pages/guide.vue     | 2 +-
 website/pages/index.vue     | 2 +-
 website/pages/nav.vue       | 2 +-
 website/pages/resource.vue  | 2 +-
 7 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/website/pages/changelog.vue b/website/pages/changelog.vue
index 7ff606783f..2f7b978899 100644
--- a/website/pages/changelog.vue
+++ b/website/pages/changelog.vue
@@ -67,7 +67,7 @@ export default {
   },
 }
 </script>
-<style lang="sass">
+<style lang="scss">
   .page-changelog {
     padding-bottom: 100px;
     .fr {
diff --git a/website/pages/component.vue b/website/pages/component.vue
index 6bb13b579e..9c3be6b58d 100644
--- a/website/pages/component.vue
+++ b/website/pages/component.vue
@@ -124,7 +124,7 @@ export default {
   },
 }
 </script>
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 .page-component__scroll {
   height: calc(100% - 80px);
   margin-top: 80px;
@@ -144,10 +144,9 @@ export default {
 
   .page-component__nav {
     width: 240px;
-    position: fixed;
+    position: absolute;
     top: 0;
     bottom: 0;
-    margin-top: 80px;
     transition: padding-top .3s;
 
     ::v-deep( > .el-scrollbar__wrap) {
diff --git a/website/pages/design.vue b/website/pages/design.vue
index 8c871065b6..096e81c72f 100644
--- a/website/pages/design.vue
+++ b/website/pages/design.vue
@@ -70,7 +70,7 @@ export default {
   },
 }
 </script>
-<style lang="sass" scoped>
+<style lang="scss" scoped>
   .cards {
     margin: 30px 0 70px;
   }
diff --git a/website/pages/guide.vue b/website/pages/guide.vue
index dc060eeb86..dc8cc64298 100644
--- a/website/pages/guide.vue
+++ b/website/pages/guide.vue
@@ -37,7 +37,7 @@ export default {
   },
 }
 </script>
-<style lang="sass">
+<style lang="scss">
  .page-guide {
     padding: 55px 30px 95px;
     box-sizing: border-box;
diff --git a/website/pages/index.vue b/website/pages/index.vue
index 812b14482a..e9da0f7dc4 100644
--- a/website/pages/index.vue
+++ b/website/pages/index.vue
@@ -128,7 +128,7 @@ export default {
   },
 }
 </script>
-<style lang="sass" scoped>
+<style lang="scss" scoped>
 .banner {
   text-align: center;
 }
diff --git a/website/pages/nav.vue b/website/pages/nav.vue
index ca9bea1431..609fc8b739 100644
--- a/website/pages/nav.vue
+++ b/website/pages/nav.vue
@@ -100,7 +100,7 @@ export default {
   },
 }
 </script>
-<style lang="sass" scoped>
+<style lang="scss" scoped>
   h3 {
     margin-bottom: 15px;
   }
diff --git a/website/pages/resource.vue b/website/pages/resource.vue
index 2d4feb56c8..04508e051e 100644
--- a/website/pages/resource.vue
+++ b/website/pages/resource.vue
@@ -46,7 +46,7 @@ export default {
   },
 }
 </script>
-<style lang="sass" scoped>
+<style lang="scss" scoped>
   .page-resource {
     padding-top: 55px;
     box-sizing: border-box;