我正在嘗試將代碼從一個代碼筆移動到另一個代碼筆，盡管當我復制并粘貼它時，它會發生變化。我正在嘗試/改變一下，有人有什么想法嗎？移動到我自己的網站時，它似乎也沒有正確復制。原文：https://codepen.io/hayleyt/pen/ZyqBYW我的： https://codepen.io/pen/中文（// SASS Variables$white: #fff;$navy: #2e2f35;$navy-dark: #1e1e24;$navy-light: #494a50;$grey: #a5a5a4;$green: #20c270;$green-dark: #18a960;// Moves menu to the left/right side of screen$menu-orientation: right;@media screen and (max-width: 600px) {  .pushNav {    width: 75%;    #{$menu-orientation}: -75%  }}@media screen and (min-width: 601px) {  .pushNav {    width: 350px;    #{$menu-orientation}: -350px;  }}ul.pushNav {  padding: 0;  margin: 0;  list-style-type: none;}.pushNav {  height: 100%;  position: fixed;  top: 0;  z-index: 100;  overflow: hidden;  background: $navy;  transition: ease-in-out 0.5s;    hr {    border: 1px solid #555;  }} .pushNav ,.pushNav a {   font-size: 1em;   font-family: helvetica, sens-serif;   font-weight: 100;   color: $white;   text-decoration: none;}.pushNavIsOpen {  overflow: auto;  height: 100%;}.js-topPushNav.isOpen, .pushNav_level.isOpen { #{$menu-orientation} : 0;}.closeLevel, .openLevel {  cursor: pointer;}.openLevel, .closeLevel, .pushNav a {  padding: 1em 0;  display: block;  text-indent: 20px;  transition: background 0.4s ease-in-out;  &:hover {    background: $navy-light;  }}.hdg {    background-color: $navy-dark;}.closeLevel, closelevel > i {  font-size: 1em;  color: $grey;}.burger {  position: absolute;  top: 24px;  #{$menu-orientation}: 48px;  i {    font-size: 3em;  }}.screen {  position: fixed;  background: rgba(0, 0, 0, 0.7);  width: 100%;  height: 0;  top: 0;  bottom: 0;  #{$menu-orientation}: 0;  opacity: 0;  transition: opacity 0.5s ease-in-out;}.pushNavIsOpen .screen {  height: 100%;  opacity: 1;}