Changeset 3463910
- Timestamp:
- 02/18/2026 01:03:23 AM (3 weeks ago)
- Location:
- hydrogen-directory/trunk
- Files:
-
- 2 deleted
- 5 edited
-
assets (deleted)
-
blocks/directory/editor.css (modified) (3 diffs)
-
dev (deleted)
-
hydrogen-directory.php (modified) (2 diffs)
-
public/css/hydir.css (modified) (15 diffs)
-
public/css/list-card.css (modified) (15 diffs)
-
readme.txt (modified) (2 diffs)
Legend:
- Unmodified
- Added
- Removed
-
hydrogen-directory/trunk/blocks/directory/editor.css
r3429812 r3463910 34 34 /* Style the preview content to look good in editor */ 35 35 .hydir-block-preview h2 { 36 font-size: 1.3em;37 36 margin: 0 0 12px 0; 38 37 padding-bottom: 8px; … … 71 70 .hydir-block-preview .hydir-card-content h4 { 72 71 margin: 0 0 4px 0; 73 font-size: 1em;74 72 } 75 73 76 74 .hydir-block-preview .hydir-card-content h5 { 77 75 margin: 0 0 8px 0; 78 font-size: 0.85em;79 color: #666;80 font-weight: normal;81 76 } 82 77 83 78 .hydir-block-preview .hydir-card-content p { 84 font-size: 0.9em;85 79 margin: 0 0 8px 0; 86 color: #444;87 80 } 88 81 … … 121 114 .hydir-block-preview .hydir-list-content h4 { 122 115 margin: 0 0 4px 0; 123 font-size: 1em;124 116 } 125 117 126 118 .hydir-block-preview .hydir-list-content p { 127 119 margin: 4px 0; 128 font-size: 0.9em;129 color: #444;130 120 } 131 121 -
hydrogen-directory/trunk/hydrogen-directory.php
r3429812 r3463910 4 4 Plugin URI: https://github.com/lbell/hydrogen-directory 5 5 Description: The simplest, lightest way to manage and display a directory of anything. 6 Version: 1. 2.16 Version: 1.3.0 7 7 Author: LBell 8 8 Author URI: http://lorenbell.com … … 28 28 if (! defined('ABSPATH')) exit; 29 29 30 define('HYDIR_VER', "1. 2.1");30 define('HYDIR_VER', "1.3.0"); 31 31 define('HYDIR_DIR', plugin_dir_path(__FILE__)); // Trailing slash 32 32 define('HYDIR_TEMPLATE_DIR', HYDIR_DIR . 'templates/'); -
hydrogen-directory/trunk/public/css/hydir.css
r3429812 r3463910 2 2 Hydrogen Directory - Core Styles 3 3 4 CSS Custom Properties for easy theme customization.5 Override these in your theme to customize the look.4 Structural layout styles only. Typography, font sizes, and colors are 5 intentionally left to the user's theme. 6 6 ========================================================================== */ 7 7 8 8 :root { 9 /* Colors - inherit from theme when possible */ 10 --hydir-text-color: inherit; 11 --hydir-text-muted: #6b7280; 12 --hydir-link-color: inherit; 13 --hydir-link-hover: inherit; 9 /* Colors - structural only */ 14 10 --hydir-border-color: rgba(0, 0, 0, 0.1); 15 --hydir-bg-color: transparent;16 17 /* Typography */18 --hydir-font-family: inherit;19 --hydir-font-size-base: 1rem;20 --hydir-font-size-sm: 0.875rem;21 --hydir-font-size-lg: 1.125rem;22 --hydir-line-height: 1.6;23 11 24 12 /* Spacing */ … … 67 55 } 68 56 69 .prog-list-title {70 font-size: 1.3em;71 font-weight: 600;72 }73 74 57 .img-fluid { 75 58 max-width: 100%; … … 86 69 87 70 .hydir-group h2 { 88 font-size: 1.5em;89 font-weight: 600;90 71 margin-bottom: var(--hydir-spacing-lg); 91 72 padding-bottom: var(--hydir-spacing-sm); … … 166 147 object-fit: cover; 167 148 border-radius: var(--hydir-radius-md); 168 transition: transform var(--hydir-transition-base), 149 transition: 150 transform var(--hydir-transition-base), 169 151 box-shadow var(--hydir-transition-base); 170 152 } … … 182 164 .hydir-list-content h4.name { 183 165 margin: 0 0 var(--hydir-spacing-sm) 0; 184 font-size: var(--hydir-font-size-lg);185 font-weight: 600;186 line-height: 1.3;187 166 } 188 167 189 168 .hydir-list-content h4.name a { 190 color: var(--hydir-link-color);191 169 text-decoration: none; 192 170 transition: opacity var(--hydir-transition-fast); … … 199 177 .hydir-list-content p { 200 178 margin: 0; 201 line-height: var(--hydir-line-height);202 color: var(--hydir-text-color);203 179 } 204 180 … … 219 195 Single Entry Content 220 196 ========================================================================== */ 221 222 .hydir-entry-content {223 line-height: var(--hydir-line-height);224 }225 197 226 198 .hydir-entry-content .hydir-single-img { … … 254 226 justify-content: center; 255 227 padding: var(--hydir-spacing-sm) var(--hydir-spacing-lg); 256 font-family: var(--hydir-font-family);257 font-size: var(--hydir-font-size-sm);258 font-weight: 500;259 line-height: 1;260 228 text-decoration: none; 261 229 border: 1px solid var(--hydir-border-color); 262 230 border-radius: var(--hydir-radius-sm); 263 231 background: transparent; 264 color: var(--hydir-text-color);265 232 cursor: pointer; 266 transition: background-color var(--hydir-transition-fast), 233 transition: 234 background-color var(--hydir-transition-fast), 267 235 border-color var(--hydir-transition-fast), 268 236 transform var(--hydir-transition-fast); … … 305 273 .hydir-entry-header .entry-title { 306 274 margin: 0 0 var(--hydir-spacing-sm) 0; 307 font-size: 2.25rem;308 font-weight: 700;309 line-height: 1.2;310 275 } 311 276 312 277 .hydir-single-position { 313 278 margin: 0; 314 font-size: var(--hydir-font-size-lg);315 color: var(--hydir-text-muted);316 font-weight: 400;317 279 } 318 280 … … 333 295 padding-top: var(--hydir-spacing-md); 334 296 border-top: 1px solid var(--hydir-border-color); 335 font-size: var(--hydir-font-size-sm);336 297 } 337 298 … … 345 306 .hydir-single-main .nav-subtitle { 346 307 display: block; 347 font-size: var(--hydir-font-size-sm);348 color: var(--hydir-text-muted);349 text-transform: uppercase;350 letter-spacing: 0.05em;351 308 margin-bottom: var(--hydir-spacing-xs); 352 }353 354 .hydir-single-main .nav-title {355 font-weight: 500;356 }357 358 /* ==========================================================================359 Position / Job Title Styling360 ========================================================================== */361 362 .hydir-position {363 color: var(--hydir-text-muted);364 font-weight: 400;365 }366 367 .hydir-position-separator {368 color: var(--hydir-text-muted);369 309 } 370 310 … … 376 316 display: inline-block; 377 317 margin-right: var(--hydir-spacing-sm); 378 color: var(--hydir-text-muted);379 318 } 380 319 … … 385 324 .hydir-list-description { 386 325 margin-top: var(--hydir-spacing-sm); 387 line-height: var(--hydir-line-height);388 326 } 389 327 … … 448 386 } 449 387 450 .hydir-entry-header .entry-title {451 font-size: 1.75rem;452 }453 454 388 .hydir-single-figure { 455 389 float: none; … … 472 406 --hydir-spacing-lg: 1rem; 473 407 --hydir-spacing-xl: 1.5rem; 474 }475 476 .hydir-entry-header .entry-title {477 font-size: 1.5rem;478 408 } 479 409 -
hydrogen-directory/trunk/public/css/list-card.css
r3429803 r3463910 2 2 Hydrogen Directory - Card Styles 3 3 4 St yles for the card-style directory entries.5 Uses CSS Custom Properties defined in hydir.css4 Structural card and list layout styles only. Typography and colors are 5 intentionally left to the user's theme. 6 6 ========================================================================== */ 7 7 8 8 :root { 9 9 /* Card-specific variables */ 10 --hydir-card-bg: #ffffff;11 10 --hydir-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); 12 11 --hydir-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12); … … 59 58 flex-direction: column; 60 59 word-wrap: break-word; 61 background-color: var(--hydir-card-bg);62 60 background-clip: border-box; 63 61 border-radius: var(--hydir-radius-lg, 12px); 64 62 box-shadow: var(--hydir-card-shadow); 65 63 overflow: hidden; 66 transition: transform var(--hydir-transition-base, 250ms ease), 64 transition: 65 transform var(--hydir-transition-base, 250ms ease), 67 66 box-shadow var(--hydir-transition-base, 250ms ease); 68 67 } … … 84 83 border-radius: var(--hydir-radius-full, 50%); 85 84 object-fit: cover; 86 border: 3px solid var(--hydir-card-bg);87 85 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 88 transition: transform var(--hydir-transition-base, 250ms ease), 86 transition: 87 transform var(--hydir-transition-base, 250ms ease), 89 88 box-shadow var(--hydir-transition-base, 250ms ease); 90 89 } … … 116 115 .hydir-card-content h4.name { 117 116 margin: 0 0 var(--hydir-spacing-xs, 0.25rem) 0; 118 font-size: 1.125rem;119 font-weight: 600;120 line-height: 1.3;121 117 } 122 118 123 119 .hydir-card-content h4 a { 124 color: var(--hydir-text-color, inherit);125 120 text-decoration: none; 126 121 transition: opacity var(--hydir-transition-fast, 150ms ease); … … 134 129 .hydir-card-content h5 { 135 130 margin: 0 0 var(--hydir-spacing-md, 1rem) 0; 136 font-size: var(--hydir-font-size-sm, 0.875rem);137 font-weight: 400;138 color: var(--hydir-text-muted, #6b7280);139 line-height: 1.4;140 131 } 141 132 … … 144 135 .hydir-card-content > p { 145 136 margin: 0; 146 font-size: var(--hydir-font-size-sm, 0.875rem);147 line-height: 1.6;148 color: var(--hydir-text-color, inherit);149 137 display: -webkit-box; 150 138 -webkit-box-orient: vertical; … … 166 154 .hydir-card-entry.hydir-card-full-content .hydir-card-content { 167 155 padding-bottom: var(--hydir-card-padding); 168 }169 170 .hydir-card-programs {171 color: var(--hydir-link-color, inherit);172 font-size: var(--hydir-font-size-sm, 0.875rem);173 156 } 174 157 … … 200 183 justify-content: center; 201 184 padding: 0.625rem 1rem; 202 font-family: var(--hydir-font-family, inherit);203 font-size: var(--hydir-font-size-sm, 0.875rem);204 font-weight: 500;205 line-height: 1;206 185 text-decoration: none; 207 186 border: 1px solid var(--hydir-border-color, rgba(0, 0, 0, 0.1)); 208 187 border-radius: var(--hydir-radius-md, 8px); 209 188 background: transparent; 210 color: var(--hydir-text-color, inherit);211 189 cursor: pointer; 212 transition: background-color var(--hydir-transition-fast, 150ms ease), 190 transition: 191 background-color var(--hydir-transition-fast, 150ms ease), 213 192 border-color var(--hydir-transition-fast, 150ms ease), 214 193 transform var(--hydir-transition-fast, 150ms ease); … … 267 246 .hydir-list-content h4.name { 268 247 margin: 0; 269 font-size: 1rem;270 font-weight: 600;271 line-height: 1.3;272 248 display: flex; 273 249 flex-wrap: wrap; … … 276 252 277 253 .hydir-list-content h4 a { 278 color: var(--hydir-text-color, inherit);279 254 text-decoration: none; 280 255 transition: opacity var(--hydir-transition-fast, 150ms ease); … … 283 258 .hydir-list-content h4 a:hover { 284 259 opacity: 0.8; 285 }286 287 .hydir-position-separator {288 color: var(--hydir-text-muted, #6b7280);289 }290 291 .hydir-position {292 color: var(--hydir-text-muted, #6b7280);293 font-weight: 400;294 font-size: var(--hydir-font-size-sm, 0.875rem);295 260 } 296 261 … … 300 265 min-height: 0; 301 266 margin: var(--hydir-spacing-sm, 0.5rem) 0; 302 font-size: var(--hydir-font-size-sm, 0.875rem);303 line-height: 1.5;304 color: var(--hydir-text-color, inherit);305 267 overflow: hidden; 306 268 display: -webkit-box; … … 323 285 display: inline-block; 324 286 padding: 0.5rem 1rem; 325 font-size: var(--hydir-font-size-sm, 0.875rem);326 font-weight: 500;327 287 text-decoration: none; 328 288 border: 1px solid var(--hydir-border-color, rgba(0, 0, 0, 0.1)); 329 289 border-radius: var(--hydir-radius-md, 8px); 330 290 background: transparent; 331 color: var(--hydir-text-color, inherit);332 291 cursor: pointer; 333 transition: background-color var(--hydir-transition-fast, 150ms ease), 292 transition: 293 background-color var(--hydir-transition-fast, 150ms ease), 334 294 border-color var(--hydir-transition-fast, 150ms ease), 335 295 transform var(--hydir-transition-fast, 150ms ease); … … 362 322 } 363 323 364 .hydir-card-content h4 {365 font-size: 1rem;366 }367 368 324 .hydir-card-text, 369 325 .hydir-card-content > p { … … 378 334 @media (prefers-color-scheme: dark) { 379 335 :root { 380 --hydir-card-bg: #1f2937;381 336 --hydir-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); 382 337 --hydir-card-shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4); -
hydrogen-directory/trunk/readme.txt
r3429812 r3463910 5 5 Requires at least: 3.0 6 6 Tested up to: 6.9 7 Stable tag: 1. 2.17 Stable tag: 1.3.0 8 8 License: GPLv2 or later 9 9 License URI: http://www.gnu.org/licenses/gpl-2.0.html … … 97 97 98 98 == Changelog == 99 = 1.3.0 = 100 - Fix: Less opinionated css for better theming and to prevent conflicts with themes and other plugins 99 101 100 102 = 1.2.1 =
Note: See TracChangeset
for help on using the changeset viewer.