From 22395cfb900e6a9a608d5ea24f75ae4f63eaa0f1 Mon Sep 17 00:00:00 2001 From: HT Date: Fri, 22 Jul 2022 05:04:38 +0100 Subject: [PATCH] Update 'v1.0/README.md' --- v1.0/README.md | 48 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 47 insertions(+), 1 deletion(-) diff --git a/v1.0/README.md b/v1.0/README.md index a042647..ab6b1ae 100644 --- a/v1.0/README.md +++ b/v1.0/README.md @@ -1 +1,47 @@ -Original post: [glenthemes.tumblr.com/post/614223478203285504](https://glenthemes.tumblr.com/post/614223478203285504/mobile-photosets-fix-widths-custom-spacing) \ No newline at end of file +⸨ v1.0 ⸩ **OUTDATED**, [v3.0 is now here](https://glenthemes.tumblr.com/post/659034084446748672/npf-images-v3). + +* original post: [glenthemes.tumblr.com/post/614223478203285504](https://glenthemes.tumblr.com/post/614223478203285504/mobile-photosets-fix-widths-custom-spacing) +* npf lightbox by [codematurgy](https://codematurgy.tumblr.com/post/179837255439/npfphotosets-plugin) + +--- + +### How to use: + +Put before ``: +``` + + + + + + +``` + +Put before ``: +``` +/*------- npf photoset image spacing-------*/ +:root { + --NPF-Image-Spacing:4px; /* spacing value */ +} + +.npf_row { + display:flex!important; + margin:calc(var(--NPF-Image-Spacing) / -2)!important; + margin-bottom:calc(var(--NPF-Image-Spacing) / 2)!important; +} + +.npf_row:last-of-type { + margin-bottom:calc(var(--NPF-Image-Spacing) / -2)!important; +} + +.tmblr-full { + flex:1; + margin:0!important; + padding:calc(var(--NPF-Image-Spacing) / 2)!important; + width:auto!important; + height:auto!important; + outline:none; +} +``` \ No newline at end of file