@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.55 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:#d8e3f1}.rl__body::-webkit-scrollbar-thumb{background:#a2bdde;border-radius:5px}.rl__body::-webkit-scrollbar-corner{background:#ebf3fb}.rl__button{background:#a2bdde;border-radius:0 0 4px 4px;color:#ebf3fb;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:#2698d6;color:#ebf3fb}.rl__code{padding:1em 0}.rl__container.has-top-overlay .rl__code{padding:1.8em 0}.rl__container{background:#fafcff;color:#4e5560}.rl__gutter{background:#f5faff;padding:1em 0}.rl__gutter__row{color:#bed1e9}.rl__gutter__row.is-active{background:#ebf3fb;color:#7699c4}.rl__gutter__row.is-added{background:#c4e1f4;color:#2698d6}.rl__gutter__row.is-deleted{background:#ead4e1;color:#e75a77}.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:#ebf3fb;color:#8baad1}.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:#ebf3fb;border-left-color:#a2bdde}.rl__line.is-added{background:#e7f1fa;border-left-color:#9ccfec}.rl__line.is-deleted{background:#f9f1f5;border-left-color:#eac5d3}.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:#d8e3f1}.ryuseilight ::selection{background-color:#d8e3f1}.rl__keyword{color:#e75a77}.rl__constant,.rl__symbol{color:#06b297}.rl__comment{color:#8baad1}.rl__tag{color:#f75766}.rl__selector{color:#72bc31}.rl__atrule{color:#e75a77}.rl__attr,.rl__prop{color:#06b297}.rl__value,.rl__variable{color:#3d82e0}.rl__entity{color:#5d639e}.rl__cdata{color:#7b92a8}.rl__prolog{color:#7699c4}.rl__string{color:#e8932d}.rl__number{color:#9b63f0}.rl__boolean{color:#e75a77}.rl__function{color:#2698d6}.rl__class{color:#06b297}.rl__decorator{color:#5d639e}.rl__regexp{color:#e8932d}.rl__operator{color:#e75a77}.rl__bracket,.rl__delimiter{color:#8baad1}