관리-도구
편집 파일: wrapper.css
.fl-wrapper { position: fixed; z-index: 10; width: 24em; transition: all 1s ease-in-out; } @media only screen and (width <= 480px) { .fl-wrapper { width: 90%; left: 5%; right: 5%; } } .fl-wrapper[data-position^=top-] { top: 0.5em; } .fl-wrapper[data-position^=bottom-] { bottom: 0.5em; } .fl-wrapper[data-position$=-right] { right: 0.5em; } .fl-wrapper[data-position$=-right] .fl-container { transform: translateX(110%); } .fl-wrapper[data-position$=-left] { left: 0.5em; } .fl-wrapper[data-position$=-left] .fl-container { transform: translateX(-110%); } .fl-wrapper[data-position$=-center] { left: 50%; transform: translateX(-50%); } .fl-wrapper[data-position=top-center] .fl-container { transform: translateY(-100vh); } .fl-wrapper[data-position=bottom-center] .fl-container { transform: translateY(100vh); }/*# sourceMappingURL=wrapper.css.map */