PHPackages sprintive/seeds - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. sprintive/seeds ActiveDrupal-profile sprintive/seeds =============== Kickoff distro for SME's, Curated by Sprintive 13.0.13(4mo ago)114.8k↓50%1GPL-2.0-or-laterPHP >=8.3 Since Feb 21Pushed 4mo ago2 watchersCompare [ Source](https://github.com/sprintive/seeds)[ Packagist](https://packagist.org/packages/sprintive/seeds)[ RSS](/packages/sprintive-seeds/feed)WikiDiscussions 13.0.x Synced 1mo ago READMEChangelogDependencies (18)Versions (73)Used By (1) ### Seeds: Kickoff distribution for SMEs [](#seeds-kickoff-distribution-for-smes) [![Latest Stable Version](https://camo.githubusercontent.com/270c61d58a4c0413ce993b6c6152059a965c3e22518c7a4ee7d02ade11558a84/68747470733a2f2f706f7365722e707567782e6f72672f737072696e746976652f73656564732f762f737461626c65)](https://packagist.org/packages/sprintive/seeds) [![Total Downloads](https://camo.githubusercontent.com/9c63382bde8b6b707aaf7afefaac288feb6b3cb21d6c94cb322bc80781218ac5/68747470733a2f2f706f7365722e707567782e6f72672f737072696e746976652f73656564732f646f776e6c6f616473)](https://packagist.org/packages/sprintive/seeds) [![Latest Unstable Version](https://camo.githubusercontent.com/758a45680d8c04368bb5f87665389a3d84eae2890fac85cfc37330df1c8a24fd/68747470733a2f2f706f7365722e707567782e6f72672f737072696e746976652f73656564732f762f756e737461626c65)](https://packagist.org/packages/sprintive/seeds) [![License](https://camo.githubusercontent.com/f6693974e3a565da4877a34dc9ca4cdc3ac51d5d01fb0406eca3ea56882c2155/68747470733a2f2f706f7365722e707567782e6f72672f737072696e746976652f73656564732f6c6963656e7365)](https://packagist.org/packages/sprintive/seeds) [![composer.lock](https://camo.githubusercontent.com/a6e8207307980ec54a1b2e845e40d460845761e9707a863833cf6426ab8a3d3c/68747470733a2f2f706f7365722e707567782e6f72672f737072696e746976652f73656564732f636f6d706f7365726c6f636b)](https://packagist.org/packages/sprintive/seeds) [![Seeds](https://camo.githubusercontent.com/73e95fb4e23328c000a398f8f59d010aa6740609287e48b429013cc89d2fc81d/68747470733a2f2f7777772e64727570616c2e6f72672f66696c65732f737365647325323064727570616c253230737461727465722532306b69742e706e67)](https://www.drupal.org/project/seeds) Light distribution to kick off all projects regardless scale, you can use it to speed up your projects. Pre-packaged Feature Modules ---------------------------- [](#pre-packaged-feature-modules) Seeds includes a curated set of modules organized into functional bundles to enhance site building, administration, performance, and content experience: - **Seeds Dashboard**: A control panel to help site administrators manage key features easily. - **Seeds Security**: Installs and configures essential security modules. - **Seeds SEO**: Adds modules and settings to optimize your site's visibility in search engines. - **Seeds Performance**: Integrates performance-related modules to boost speed and caching. - **Seeds Media**: Improves media management and the file uploading experience. - **Seeds Editor**: Pre-configured CKEditor setups tailored for various content needs. - **Seeds Administration**: Installs tools for smoother site building and backend management. - **Seeds Helper**: Adds handy tools and developer utilities to streamline your workflow. - **Seeds Layout**: Enhances the Layout Builder with extended features and flexibility. - **Seeds Widgets**: Provides ready-made content blocks for a richer content authoring experience. - **Seeds Pollination**: Enriches the Drupal core with extended user and editorial capabilities. - **Seeds UI**: Provides a modern, responsive, and customizable Drupal theme based on best practices. Seeds UI includes a flexible grid system, RFS-based typography, utility mixins, and a robust component library to accelerate front-end development and ensure a consistent user experience. Seeds UI Developer Guide ======================== [](#seeds-ui-developer-guide) Migration from Seeds Coat ------------------------- [](#migration-from-seeds-coat) **Important**: Seeds UI is replacing Seeds Coat in the Seeds distribution. - **Seeds UI** is now the default theme in Seeds distro - **Seeds Coat** has been removed from the distribution - **If you want to continue using Seeds Coat**, you must download it separately External Library Integration ---------------------------- [](#external-library-integration) Seeds UI automatically loads default styles from an external library: ``` "dependencies": { "seeds_ui": "git+ssh://git@github.com:sprintive/seeds_ui#1.x" } ``` This external package provides: - **Default styling system** - Base styles and components - **Grid system** - Bootstrap-compatible layout system - **Responsive mixins** - Breakpoint and utility mixins - **Typography system** - RFS responsive font sizing When you run `npm install`, this external library is automatically installed in `node_modules/seeds_ui/` and provides the foundation styles that your subtheme extends. Creating a Subtheme ------------------- [](#creating-a-subtheme) ### Quick Setup with Automated Script [](#quick-setup-with-automated-script) ``` cd /path/to/drupal/themes/contrib/seeds_ui bash scripts/create_subtheme.sh ``` **Follow prompts for**: - Machine name: `my_custom_theme` - Display name: `My Custom Theme` - Destination: `/path/to/drupal/themes/custom` **Script handles**: - ✅ File copying and renaming - ✅ Configuration updates - ✅ npm install and build - ✅ Drush theme enable ### Subtheme File Structure [](#subtheme-file-structure) After creation, your subtheme will have: ``` my_custom_theme/ ├── scss/ │ ├── style.scss # Main SASS entry │ ├── _base.scss # Variables and mixins │ ├── _variables.scss # Custom variables │ ├── _mixin.scss # Available mixins │ ├── _elements.scss # Element styling │ ├── _blocks.scss # Block styling │ ├── _layout.scss # Layout styling │ └── _overrides.scss # Override base theme ├── css/ │ └── style.css # Compiled CSS ├── js/ │ └── custom.js # Custom JavaScript └── config/ # Theme configurations ``` --- Styling with SASS ----------------- [](#styling-with-sass) ### SASS File Organization [](#sass-file-organization) Seeds UI imports default styles from the external library: ``` // Main SASS entry point imports external library @import "../node_modules/seeds_ui/scss/style.scss"; ``` In your subtheme, organize SASS files as follows: ``` // scss/style.scss - Main entry point @use "base" as *; // Variables and mixins @use "elements"; // HTML elements @use "blocks"; // Drupal blocks @use "layout"; // Layout styling @use "overrides"; // Base theme overrides ``` ### Variables Configuration [](#variables-configuration) Define custom variables in `scss/_variables.scss`: ``` // Color palette $primary-color: #4f4f4d; $secondary-color: #007bff; $white: #fff; $black: #000; // Typography $font-family-base: 'Helvetica Neue', sans-serif; $font-size-base: 1rem; $line-height-base: 1.5; // Spacing $spacer: 1rem; $border-radius: 0.375rem; // Breakpoints $grid-breakpoint-xs: 0; $grid-breakpoint-sm: 576px; $grid-breakpoint-md: 768px; $grid-breakpoint-lg: 992px; $grid-breakpoint-xl: 1200px; ``` ### Build Commands [](#build-commands) ``` # Development with watching npm run watch # Production build npm run css # Individual steps npm run css-compile # SASS → CSS npm run css-prefix # Add vendor prefixes npm run css-rtl # Generate RTL versions npm run css-minify # Minify for production ``` --- Enabling RTL Styling -------------------- [](#enabling-rtl-styling) RTL (Right-to-Left) support is automatically handled by Seeds UI's build system. ### Automatic RTL Generation [](#automatic-rtl-generation) When you run `npm run css`, the system: 1. **Compiles your SASS** to standard CSS 2. **Processes with RTLCss** to flip directional properties 3. **Generates RTL versions** with `.rtl.css` suffix 4. **Creates minified versions** for production ### RTL Output Files [](#rtl-output-files) ``` dist/css/ ├── style.css # LTR development ├── style.min.css # LTR production ├── style.rtl.css # RTL development ├── style.rtl.min.css # RTL production ``` ### RTL-Specific Styling [](#rtl-specific-styling) For manual RTL adjustments, use direction-specific properties: ``` .my-component { margin-left: 1rem; // Auto-flipped to margin-right in RTL // Manual RTL override [dir="rtl"] & { margin-left: 0; margin-right: 2rem; // Custom RTL spacing } } ``` ### Testing RTL [](#testing-rtl) 1. **Enable RTL language** in Drupal (Arabic, Hebrew) 2. **RTL stylesheets auto-load** based on language direction 3. **Test components** in both LTR and RTL modes 4. **Adjust as needed** using direction-specific selectors --- Available SASS Mixins --------------------- [](#available-sass-mixins) ### Subtheme Mixins (`scss/_mixin.scss`) [](#subtheme-mixins-scss_mixinscss) - **`@include image-shadow()`** - Adds shadow overlay to images - **`@include equal-height()`** - Creates equal height flex containers - **`@include inline-form($gutter, $break)`** - Inline form layouts - **`@include form($gutter, $min-width)`** - Multi-column forms - **`@include fontawesome($content, $pseudo)`** - FontAwesome icons - **`@include responsive-image-blazy($lg, $md, $sm)`** - Aspect ratio for responsive images - **`%center`** - Absolute center positioning - **`%absolute-full`** - Full absolute positioning - **`%blazy-image`** - Blazy image setup ### Core Mixins (`node_modules/seeds_ui/scss/mixins/`) [](#core-mixins-node_modulesseeds_uiscssmixins) #### Responsive Breakpoints [](#responsive-breakpoints) - **`@include media-breakpoint-min($breakpoint)`** - Min-width media queries - **`@include media-breakpoint-max($breakpoint)`** - Max-width media queries - **`@include media-breakpoint-between($lower, $upper)`** - Between breakpoints - **`@include media-breakpoint-only($breakpoint)`** - Single breakpoint only Available breakpoints: `xs` (0px), `sm` (576px), `md` (768px), `lg` (992px), `xl` (1200px), `xxl` (1400px) #### Grid System [](#grid-system) - **`@include make-row($gutter)`** - Custom grid rows - **`@include make-col($size)`** - Custom grid columns - **`@include make-col-auto()`** - Auto-width columns - **`@include make-col-offset($size)`** - Column offsets - **`@include row-cols($count)`** - Equal-width children #### Layout & Styling [](#layout--styling) - **`@include make-container($gutter)`** - Custom containers - **`@include border-radius($radius)`** - Border radius - **`@include border-top-radius($radius)`** - Top border radius - **`@include border-bottom-radius($radius)`** - Bottom border radius - **`@include img-fluid()`** - Responsive images (max-width: 100%) - **`@include reset-text()`** - Reset text styling --- Responsive Font Sizes (RFS) --------------------------- [](#responsive-font-sizes-rfs) Seeds UI uses **RFS (Responsive Font Size)** for fluid typography that scales with viewport size. ### RFS Mixins [](#rfs-mixins) - **`@include font-size($size)`** - Responsive font sizing that scales down on smaller screens - **`@include rfs($value, $property: font-size)`** - Advanced RFS with custom property ### Configuration Variables [](#configuration-variables) - **`$rfs-minimum-font-size`** - Minimum font size (default: 1rem) - **`$rfs-factor`** - Scaling factor (default: 10) - **`$rfs-breakpoint`** - Breakpoint for scaling (default: 1200px) - **`$rfs-two-dimensional`** - Enable height-based scaling (default: false) Disable bootstrap container in certian content types ---------------------------------------------------- [](#disable-bootstrap-container-in-certian-content-types) Go to `/admin/structure/types`, Click edit on a content type. You will be met with various settings. At the bottom, you will see `Container settings`, Navigate there and enable `Fluid container` to disable the bootstrap container. Override blazy loader --------------------- [](#override-blazy-loader) Go to `/admin/config/seeds_media`. You will see blazy settings. Check the `Override blazy loader?` then set the background image and color to something you like, hit save and flush the cache, you should see the loader takes a different appearence. Set default medias ------------------ [](#set-default-medias) We also provide a neat feature, you can set some default medias to not allow accidental edits by the client. Simply, go edit any media, you will see at the bottom a checkbox, `Default media`, check it and save, now only users with `Bypass Default Media Access` permission can edit the media. --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- [](#we-also-provide-a-neat-feature-you-can-set-some-default-medias-to-not-allow-accidental-edits-by-the-client-simply-go-edit-any-media-you-will-see-at-the-bottom-a-checkbox-default-media-check-it-and-save-now-only-users-with-bypass-default-media-access-permission-can-edit-the-media) #### Sponsored and developed by: [](#sponsored-and-developed-by) [![Sprintive](https://camo.githubusercontent.com/dba4a90215d338c0995dce97749fcde9aeb77eadd9279c8a9a4c5b9018182b6e/68747470733a2f2f7777772e64727570616c2e6f72672f66696c65732f7374796c65732f677269642d332f7075626c69632f64727570616c5f342e706e673f69746f6b3d4658616a66674757)](http://sprintive.com) Sprintive is a web solution provider which transform ideas into realities, where humans are the center of everything, and Drupal is the heart of our actions, it has built and delivered Drupal projects focusing on a deep understanding of business goals and objective to help companies innovate and grow. ### Health Score 57 — FairBetter than 98% of packages Maintenance77 Regular maintenance activity Popularity27 Limited adoption so far Community18 Small or concentrated contributor base Maturity90 Battle-tested with a long release history Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~35 days Recently: every ~16 days Total 73 Last Release 123d ago Major Versions 11.5.4 → 12.2.132024-10-29 12.2.16 → 13.0.72025-03-20 12.2.18 → 13.0.82025-07-10 12.2.19 → 13.0.102025-07-22 12.2.x-dev → 13.0.132026-01-15 PHP version history (4 changes)8.6.14PHP >=7.1 9.1.0-alpha1PHP >=7.3 12.2.13PHP >=8.1 13.0.7PHP >=8.3 ### Community Maintainers ![](https://www.gravatar.com/avatar/f9299eb0189c2f363c4ce3a11b12001d9988df4d03e18817c7a51e84bb94b2db?d=identicon)[sprintive](/maintainers/sprintive) --- Top Contributors [![YahyaAhmad](https://avatars.githubusercontent.com/u/36857365?v=4)](https://github.com/YahyaAhmad "YahyaAhmad (101 commits)")[![mqanneh](https://avatars.githubusercontent.com/u/2490394?v=4)](https://github.com/mqanneh "mqanneh (50 commits)")[![ahmad-alyasaki](https://avatars.githubusercontent.com/u/91007971?v=4)](https://github.com/ahmad-alyasaki "ahmad-alyasaki (41 commits)")[![mabdulqader](https://avatars.githubusercontent.com/u/20026399?v=4)](https://github.com/mabdulqader "mabdulqader (22 commits)")[![Hamzadwaya00](https://avatars.githubusercontent.com/u/133163152?v=4)](https://github.com/Hamzadwaya00 "Hamzadwaya00 (20 commits)")[![a-smhan](https://avatars.githubusercontent.com/u/134191258?v=4)](https://github.com/a-smhan "a-smhan (19 commits)")[![waleedq](https://avatars.githubusercontent.com/u/292332?v=4)](https://github.com/waleedq "waleedq (13 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (1 commits)")[![DanaYousef](https://avatars.githubusercontent.com/u/26597254?v=4)](https://github.com/DanaYousef "DanaYousef (1 commits)") --- Tags distributiondrupal11profile ### Embed Badge ![Health badge](/badges/sprintive-seeds/health.svg) ``` [![Health](https://phpackages.com/badges/sprintive-seeds/health.svg)](https://phpackages.com/packages/sprintive-seeds) ``` ### Alternatives [farmos/farmos A web-based farm record keeping application. 1.2k6.7k1](/packages/farmos-farmos)[acquia/orca A tool for testing a company's software packages together in the context of a realistic, functioning, best practices Drupal build 32902.4k](/packages/acquia-orca)[fourkitchens/sous-drupal-project Starter project for Sous a Drupal distribution featuring a theme based on Emulsify Design System. 151.0k](/packages/fourkitchens-sous-drupal-project) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)