@ryusei/light
Version:
<div align="center"> <a href="https://light.ryuseijs.com"> <img alt="RyuseiLight" src="https://light.ryuseijs.com/images/svg/logo.svg" width="70"> </a>
1 lines • 3.56 kB
CSS
.rl__body{display:flex;overflow:auto}.rl__body--wrap{white-space:pre-wrap}.rl__button{border:0;font-family:inherit}.rl__button:hover{cursor:pointer}.rl__button__label--active{display:none}.rl__button.is-active .rl__button__label--active{display:inline}.rl__button.is-active .rl__button__label--inactive{display:none}.rl__code{flex-basis:100%}.rl__container{position:relative}.rl__figure{margin:0}.rl__gutter{display:table;flex:0 0 auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rl__gutter__row{display:table-row}.rl__gutter__row span{display:table-cell}.rl__line code,.rl__line span{background:transparent;padding:0}.rl__line-number{text-align:right}.rl__overlay{box-sizing:border-box;position:absolute}.rl__overlay--top-left,.rl__overlay--top-right{display:flex;top:0}.rl__overlay--top-left{left:0}.rl__overlay--top-right{right:0}.ryuseilight{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:monospace;-moz-tab-size:2;-o-tab-size:2;tab-size:2;text-align:left}.rl__token{background:transparent;border:0;font-family:inherit;letter-spacing:0;margin:0;padding:0}.rl__tools{display:inline-flex}@supports (scrollbar-width:thin){.rl__body{scrollbar-width:thin}}.rl__body::-webkit-scrollbar{height:10px;width:10px}.rl__body::-webkit-scrollbar-track{background:#303e45}.rl__body::-webkit-scrollbar-thumb{background:#525f66;border-radius:5px}.rl__body::-webkit-scrollbar-corner{background:#253640}.rl__button{background:#6bc6cd;border-radius:0 0 4px 4px;color:#41484d;font-size:.8em;margin:0 .5em;min-width:4.5em;padding:.3em 1em;transition:color .15s linear,background-color .15s linear}.rl__button:active,.rl__button:focus{outline:0}.rl__button:hover{background:#e88ea1;color:#41484d}.rl__code{padding:1em 0}.rl__container.has-top-overlay .rl__code{padding:1.8em 0}.rl__container{background:#213038;color:#d1e3e8}.rl__gutter{background:#253640;padding:1em 0}.rl__gutter__row{color:#80a2ad}.rl__gutter__row.is-active{background:#36444d;color:#c3d4d9}.rl__gutter__row.is-added{background:#304d4c;color:#77d9ad}.rl__gutter__row.is-deleted{background:#49434d;color:#e88ea1}.rl__gutter__row span{padding:0 .5em}.rl__container.has-top-overlay .rl__gutter{padding:1.8em 0}.rl__figcaption{box-sizing:border-box;padding:.5em 1.5em}.rl__figcaption,.rl__name{background:#303e45;color:#99b2bf}.rl__name{border-radius:0 0 4px 4px;font-size:.8em;padding:.3em 1em}.rl__overlay{padding:0 1.5em}.rl__line{border-left:2px solid transparent;box-sizing:border-box;padding:0 1.5em 0 calc(1.5em - 2px)}.rl__line.is-active{background:#273b44;border-left-color:#6bc6cd}.rl__line.is-added{background:#293f42;border-left-color:#3f6b60}.rl__line.is-deleted{background:#353a43;border-left-color:#5d4c58}.rl__container.has-gutter .rl__line{padding:0 1em 0 calc(1em - 2px)}.ryuseilight{font-size:14px;line-height:1.5}.ryuseilight ::-moz-selection{background-color:#36444d}.ryuseilight ::selection{background-color:#36444d}.rl__keyword{color:#f5adb4}.rl__constant,.rl__symbol{color:#e88ea1}.rl__comment{color:#80a2ad}.rl__tag{color:#b898f2}.rl__selector{color:#6bc6cd}.rl__atrule{color:#f5adb4}.rl__attr,.rl__prop{color:#92cef1}.rl__value{color:#d3db9a}.rl__variable{color:#6bc39c}.rl__entity{color:#88b1e6}.rl__cdata{color:#7b92a8}.rl__prolog{color:#80a2ad}.rl__string{color:#d3db9a}.rl__number{color:#b898f2}.rl__boolean{color:#e88ea1}.rl__function{color:#6bc6cd}.rl__class{color:#92cef1}.rl__decorator{color:#8d91b6}.rl__regexp{color:#e3d09f}.rl__operator{color:#88b1e6}.rl__bracket,.rl__delimiter{color:#80a2ad}