diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json index d1a6fc4..e14323b 100644 --- a/.obsidian/appearance.json +++ b/.obsidian/appearance.json @@ -1,5 +1,8 @@ { "accentColor": "", "cssTheme": "Minimal", - "theme": "moonstone" + "theme": "moonstone", + "enabledCssSnippets": [ + "stock-charts" + ] } \ No newline at end of file diff --git a/.obsidian/snippets/stock-charts.css b/.obsidian/snippets/stock-charts.css new file mode 100644 index 0000000..a70eab9 --- /dev/null +++ b/.obsidian/snippets/stock-charts.css @@ -0,0 +1,53 @@ +/* Stocks */ +.stock-cards { + margin: 2em 0; + width: 100%; + display: flex; + flex-flow: row wrap; + gap: 6px; + justify-content: center; + + & .stock-card { + position: relative; + + a { + cursor: pointer; + position: absolute; + width: 100%; + height: 100%; + } + + &:hover .stock-card-inner { + background-color: var(--background-primary); + } + } +} + +.stock-chart, .stock-financials, .stock-card-inner { + box-sizing: border-box; + display: block; + border: 1px solid var(--background-modifier-border); + border-radius: var(--radius-m); + background-color: var(--background-primary); +} + +.stock-chart { + width: 100%; + min-height: 340px; + height: 40vh; + margin-bottom: 1em; +} +.stock-container { + width: var(--line-width); + margin: 0 auto; +} + +.stock-financials { + width: 100%; + height: 800px; +} + +.stock-card-inner { + height: 94px; + width: 270px; +} \ No newline at end of file