@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:#333d57}.rl__body::-webkit-scrollbar-thumb{background:#4b5a80;border-radius:5px}.rl__body::-webkit-scrollbar-corner{background:#2a3247}.rl__button{background:#4b5a80;border-radius:0 0 4px 4px;color:#cad2e6;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:#ed5f58;color:#cad2e6}.rl__code{padding:1em 0}.rl__container.has-top-overlay .rl__code{padding:1.8em 0}.rl__container{background:#202635;color:#cad2e6}.rl__gutter{background:#232a3b;padding:1em 0}.rl__gutter__row{color:#7890cc}.rl__gutter__row.is-active{background:#2a3247;color:#9faccc}.rl__gutter__row.is-added{background:#2a3757;color:#7fa4ff}.rl__gutter__row.is-deleted{background:#46303b;color:#ed5f58}.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:#333d57;color:#9faccc}.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:#2a3247;border-left-color:#ed5f58}.rl__line.is-added{background:#252f46;border-left-color:#344879}.rl__line.is-deleted{background:#332b38;border-left-color:#5a353e}.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:#d774e8}.rl__constant,.rl__symbol{color:#ed5f58}.rl__comment{color:#7890cc}.rl__tag{color:#d774e8}.rl__selector{color:#cfb053}.rl__atrule{color:#d774e8}.rl__attr,.rl__prop{color:#b9cd32}.rl__value{color:#67cb78}.rl__variable{color:#ed5f58}.rl__entity{color:#527adf}.rl__cdata{color:#7b92a8}.rl__prolog{color:#7890cc}.rl__string{color:#67cb78}.rl__number{color:#42b9c7}.rl__boolean{color:#ed5f58}.rl__function{color:#2abac4}.rl__class{color:#b9cd32}.rl__decorator{color:#527adf}.rl__regexp{color:#67cb78}.rl__operator{color:#42b9c7}.rl__bracket,.rl__delimiter{color:#9faccc}