@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:#303f4d}.rl__body::-webkit-scrollbar-thumb{background:#647788;border-radius:5px}.rl__body::-webkit-scrollbar-corner{background:#222a33}.rl__button{background:#7a91a6;border-radius:0 0 4px 4px;color:#1f272f;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:#5fbef5;color:#2b3742}.rl__code{padding:1em 0}.rl__container.has-top-overlay .rl__code{padding:1.8em 0}.rl__container{background:#1f272f;color:#bdd7f0}.rl__gutter{background:#222a33;padding:1em 0}.rl__gutter__row{color:#7b92a8}.rl__gutter__row.is-active{background:#2b3742;color:#a9c7e3}.rl__gutter__row.is-added{background:#213d45;color:#2abac4}.rl__gutter__row.is-deleted{background:#3f353e;color:#f88792}.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:#303f4d;color:#93aec7}.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:#28333d;border-left-color:#5fbef5}.rl__line.is-added{background:#213d45;border-left-color:#235a63}.rl__line.is-deleted{background:#3f353e;border-left-color:#61444d}.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:#4a5c6d}.ryuseilight ::selection{background-color:#4a5c6d}.rl__keyword{color:#5fbef5}.rl__constant,.rl__symbol{color:#f88792}.rl__comment{color:#7b92a8}.rl__tag{color:#5fbef5}.rl__selector{color:#2abac4}.rl__atrule{color:#f88792}.rl__attr,.rl__prop{color:#549bf7}.rl__value{color:#b8c754}.rl__variable{color:#549bf7}.rl__entity{color:#9a68f5}.rl__cdata,.rl__prolog{color:#7b92a8}.rl__string{color:#b8c754}.rl__boolean,.rl__number{color:#f88792}.rl__function{color:#2abac4}.rl__class{color:#2bbd8f}.rl__decorator{color:#5d639e}.rl__regexp{color:#b8c754}.rl__operator{color:#549bf7}.rl__bracket,.rl__delimiter{color:#7b92a8}