.page-fixed{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; } .btn-active { &:active { opacity: 0.8; } } .flex-v-center{ display: flex; align-items: center; } .flex-h-center{ display: flex; justify-items: center; justify-content:center; } .flex-v-h-center{ display: flex; justify-items: center; align-items: center; justify-content:center; } .flex-v{ flex-direction: column; } .flex{ display: flex; } .flex-space-between { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .flex-flex-end{ display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } [class*="text-line-"]{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .text-line-1{ -webkit-line-clamp: 1; } .text-line-2{ -webkit-line-clamp: 2; } .text-line-3{ -webkit-line-clamp: 3; } .text-line-4{ -webkit-line-clamp: 4; } .text-line-5{ -webkit-line-clamp: 5; } @keyframes textScrollRun { 0% { left: 0; transform: translate(0, 0); } 100% { left: 100%; transform: translate(-100%, 0); } } .text-scroll-content{ white-space: nowrap; display: inline-block; } .text-scroll-run{ animation: textScrollRun 15s infinite alternate linear; } .text-scroll{ width: 100%; white-space: nowrap; overflow: hidden; }