notion-enhancer/repo/code-line-numbers/styles.css
Ryo Hilmawan 2b41b0e82c Extension: Code Line Numbers (#231)
* Added extension folder with mod.js and styles.css

* Option to show numbering on single-lined blocks

Disabled by default

* Update styles.css

* Update mod.js

Changed class name from numbered to code-numbered

* Update styles.css

Changed class name from numbered to code-numbered
2020-11-11 12:06:05 +11:00

26 lines
553 B
CSS

/*
* code line numbers
* (c) 2020 dragonwocky <thedragonring.bod@gmail.com> (https://dragonwocky.me/)
* (c) 2020 CloudHill
* under the MIT license
*/
.notion-code-block.line-numbers > div {
position: relative;
}
.code-numbered {
padding-left: 48px !important;
}
#code-line-numbers {
font-size: var(--theme--font_code-size) !important;
font-family: var(--theme--font_code) !important;
opacity: 0.5;
text-align: right;
position: absolute;
right: calc(100% - 30px);
overflow: hidden;
pointer-events: none;
}