From 941642aee876a97dbb79666d8fabaa2b1feb9ff5 Mon Sep 17 00:00:00 2001 From: Indrajith K L Date: Sun, 20 Mar 2022 00:38:25 +0530 Subject: Theme changes --- themes/terminal/assets/css/code.css | 84 +++++++++++++++++++++++++++++++++++++ 1 file changed, 84 insertions(+) create mode 100644 themes/terminal/assets/css/code.css (limited to 'themes/terminal/assets/css/code.css') diff --git a/themes/terminal/assets/css/code.css b/themes/terminal/assets/css/code.css new file mode 100644 index 0000000..8405fa9 --- /dev/null +++ b/themes/terminal/assets/css/code.css @@ -0,0 +1,84 @@ +.collapsable-code { + --border-color: color-mod(var(--accent) blend(#999 90%)); + + position: relative; + width: 100%; + margin: 40px 0; + + input[type="checkbox"] { + position: absolute; + visibility: hidden; + } + + input[type="checkbox"]:checked { + ~ pre, + ~ .code-toolbar pre { + height: 0; + padding: 0; + border-top: none; + } + + ~ .code-toolbar { + padding: 0; + border-top: none; + + .toolbar { + display: none; + } + } + + ~ label .collapsable-code__toggle:after { + content: attr(data-label-expand); + } + } + + label { + position: relative; + display: flex; + justify-content: space-between; + min-width: 30px; + min-height: 30px; + margin: 0; + border-bottom: 1px solid var(--border-color); + cursor: pointer; + } + + &__title { + flex: 1; + color: var(--accent); + padding: 3px 10px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + } + + &__language { + color: var(--accent); + border: 1px solid var(--border-color); + border-bottom: none; + text-transform: uppercase; + padding: 3px 10px; + } + + &__toggle { + color: var(--accent); + font-size: 16px; + padding: 3px 10px; + + &:after { + content: attr(data-label-collapse); + } + } + + pre { + margin-top: 0; + + &::first-line { + line-height: 0; + } + } + + .code-toolbar { + margin: 0; + } +} -- cgit v1.2.3