diff --git a/css/ln.vue.css b/css/ln.vue.css index ef00b44..1bcce17 100644 --- a/css/ln.vue.css +++ b/css/ln.vue.css @@ -36,6 +36,58 @@ font-style: normal; } +* { + flex-grow: 1; +} + +div { + display: inline-block; +} + +h1, h2, h3, h4, h5 { + display: block; +} + +.h1, .h2, .h3, .h4, .h5 { + display: inline-block; + +} + +h1,.h1 { + font-size: 200%; + padding: 8px; +} +h2,.h2 { + font-size: 150%; + padding: 8px; +} +h3,.h3 { + font-size: 110%; + padding: 8px; +} + +.flex { + display: flex; + flex-direction: row; +} + +.flex.column { + flex-direction: column; +} + +.popup { + position: absolute; + top: 100%; + right: 0%; + + width: 100%; + + border: 1px solid black; + background-color: white; + + padding: 8px; +} + sym { display: inline-block; width: 24px; @@ -49,6 +101,18 @@ sym.trash::before { color: red; } +.no-border { + border: none; + display: inline-block; + padding: 0px; + margin: 0px; +} + +.fa-solid { + font-family: 'fa-solid'; + font-size: 20px; +} + div.ln-tooltip { position: absolute; @@ -170,6 +234,20 @@ div.ln-select::after { pointer-events: none; } +.ln-identity { + position: relative; + display: inline-block; + flex-grow: 0; + flex-shrink: 0; + width: 200px; + + text-align: center; + + padding: 8px; + + font-size: 150%; +} + .ln-navbar { display: block; width: 100%; diff --git a/demo.html b/demo.html index 0372b0e..ba77419 100644 --- a/demo.html +++ b/demo.html @@ -28,7 +28,10 @@