build: re-organize build workflow

Author: chrisgrieser

.gitattributes

@@ -0,0 +1,2 @@
+# mark as generated files for github stats & diffs
+theme.css linguist-generated

.github/workflows/build-and-bump.yml

@@ -13,6 +13,13 @@ permissions:
 
 #───────────────────────────────────────────────────────────────────────────────
 
+# 1. for lightning-css (also lowers syntax to before css-nesting) https://caniuse.com/css-nesting
+# 2. for doiuse
+env:
+  BROWSERLIST: "chrome 108"
+
+#───────────────────────────────────────────────────────────────────────────────
+
 jobs:
   bump:
     runs-on: macos-latest
@@ -39,25 +46,33 @@ jobs:
 
           # minification & syntax-lowering https://lightningcss.dev/transpilation.html
           npm install
-          export BROWSERSLIST="chrome 108" # lowers syntax to before css-nesting https://caniuse.com/css-nesting
+          export BROWSERSLIST="{{ env.BROWSERSLIST }}}"
+          echo "Syntax lowering for: $BROWSERSLIST"
           npx lightningcss --minify --browserslist \
             --output-file="./temp.css" -- "./temp.css" || exit 1
 
-          # merge header, css code, and style settings into `theme.css`
+          # remove old file
+          rm theme.css
+
+          # add header
           echo "/*" >> ./theme.css
           cat ./source/header.txt >> ./theme.css
           echo "*/" >> ./theme.css
 
-          cat ./temp.css >> ./theme.css 
+          # add css
+          cat ./temp.css >> ./theme.css
           rm temp.css
 
+          # add style settings
           echo "" >> ./theme.css
           echo "/* @settings" >> ./theme.css
           cat ./source/style-settings.yaml >> theme.css
           echo "*/" >> theme.css
 
       - name: check for unsupported features
         run: |
+          export BROWSERSLIST="{{ env.BROWSERSLIST }}}"
+          echo "doiuse check for: $BROWSERSLIST"
           violations=$(npx doiuse --browsers="$BROWSERSLIST" \
             --config="./.doiuse-ignore.json" theme.css)
           if [[ -n "$violations" ]]; then # `doiuse` does not exit with non-zero code

README.md

@@ -1,5 +1,5 @@
 # Shimmering Focus ⟡
-![Downloads in Obsidian](https://img.shields.io/badge/downloads-248639-6E4E9B?style=plastic&logo=obsidian&color=%23483699)
+![Downloads in Obsidian](https://img.shields.io/badge/downloads-248648-6E4E9B?style=plastic&logo=obsidian&color=%23483699)
 ![GitHub stars](https://img.shields.io/github/stars/chrisgrieser/shimmering-focus?style=plastic&label=%E2%98%85%20Stars)
 ![Last commit](https://img.shields.io/github/last-commit/chrisgrieser/shimmering-focus?style=plastic)
 
@@ -56,7 +56,8 @@ downloaded theme in the Obsidian theme store.
 - **Alternative color schemes** submitted by the community are available by
   using the Style Settings Plugin.
 - **For writers**: Emphasis of **Pandoc citations** and **footnotes**, extensive
-  styling for the [Longform Plugin](https://obsidian.md/plugins?id=longform).
+  styling for the [Longform Plugin](https://obsidian.md/plugins?id=longform) and
+  notes using `cssclasses: writing`.
 - **For vim users**: Explicit styling of Obsidian's Vim Mode, including various
   settings such as relative line numbers or cursorline highlights.
 - **High customizability:** There are over a hundred customization options
@@ -73,13 +74,6 @@ Plugin](https://obsidian.md/plugins?id=obsidian-style-settings) is installed,
 - Toggle readable line length (requires the `Readable line length` setting in
   Obsidian to be enabled.)
 
-### Settings for writers
-- Add `cssclasses: writing` to your frontmatter to enable writing-specific
-  styling for that note, such as a serif font and justified text. The same
-  styling is also applied to all scenes from the [longform plugin](http://github.com/kevboh/longform).
-- You can customize the styling with the [Style Settings
-  Plugin](https://obsidian.md/plugins?id=obsidian-style-settings).
-
 ## Advanced customization
 
 ### Create your own color scheme

manifest.json

@@ -1,7 +1,7 @@
 {
 	"name": "Shimmering Focus",
 	"author": "pseudometa aka Chris Grieser",
-	"version": "5.46",
+	"version": "5.49",
 	"minAppVersion": "1.6.0",
 	"authorUrl": "https://github.com/chrisgrieser/shimmering-focus",
 	"helpUrl": "https://github.com/chrisgrieser/shimmering-focus#readme",

source/4-user-interface/sidebars.css

@@ -18,10 +18,6 @@
 /** Sidebar Headers Hidden (Tab Headers)
 ──────────────────────────────────────────────────── */
 
-body:not(.show-sidebar-header-buttons) {
-	--sidebar-tabs-unhovered-height: 10px;
-}
-
 /* WINDOWS / LINUX */
 /* fix sidebar header buttons not being clickable see #247 */
 body:is(.mod-windows, .mod-linux) {
@@ -60,6 +56,7 @@ body:not(.show-sidebar-header-buttons)
 	:is(.mod-left-split, .mod-right-split)
 	.workspace-tabs:not(.mod-top)
 	.workspace-tab-header-container:not(:hover) {
+	--sidebar-tabs-unhovered-height: 10px;
 	height: var(--sidebar-tabs-unhovered-height);
 }