@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.54 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:#e4e8ed}.rl__body::-webkit-scrollbar-thumb{background:#d3d9e0;border-radius:5px}.rl__body::-webkit-scrollbar-corner{background:#dce2e8}.rl__button{background:#0085b5;border-radius:0 0 4px 4px;color:#e4e8ed;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:#d27d45;color:#e4e8ed}.rl__code{padding:1em 0}.rl__container.has-top-overlay .rl__code{padding:1.8em 0}.rl__container{background:#f7f9fc;color:#484a4d}.rl__gutter{background:#f2f4f7;padding:1em 0}.rl__gutter__row{color:#b8c0cc}.rl__gutter__row.is-active{background:#e4e8ed;color:#9ca0a6}.rl__gutter__row.is-added{background:#cbe4dc;color:#2fa270}.rl__gutter__row.is-deleted{background:#e9d2e2;color:#c4498c}.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:#e4e8ed;color:#484a4d}.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:#f2f4f7;border-left-color:#9ca0a6}.rl__line.is-added{background:#e8f0f0;border-left-color:#a4d3c1}.rl__line.is-deleted{background:#f0ebf2;border-left-color:#e4c0d7}.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:#e9edf2}.ryuseilight ::selection{background-color:#e9edf2}.rl__constant,.rl__keyword,.rl__symbol{color:#c4498c}.rl__comment{color:#b8c0cc}.rl__tag{color:#c4498c}.rl__selector{color:#2fa270}.rl__atrule{color:#c4498c}.rl__attr,.rl__prop{color:#0085b5}.rl__value,.rl__variable{color:#394aa7}.rl__entity{color:#5560cb}.rl__cdata{color:#7b92a8}.rl__prolog{color:#9ca0a6}.rl__string{color:#d27d45}.rl__number{color:#a33bc5}.rl__boolean{color:#c4498c}.rl__function{color:#0085b5}.rl__class{color:#2fa270}.rl__decorator{color:#5560cb}.rl__regexp{color:#d27d45}.rl__operator{color:#0085b5}.rl__bracket,.rl__delimiter{color:#9ca0a6}