sprintive / seeds
Kickoff distro for SME's, Curated by Sprintive
Installs: 11 424
Dependents: 1
Suggesters: 0
Security: 0
Stars: 3
Watchers: 3
Forks: 0
Type:drupal-profile
Requires
- php: >=8.3
- composer/composer: ^2
- cweagans/composer-patches: 1.7.3
- drupal/coder: *
- drupal/core: 11.1.4
- drupal/core-composer-scaffold: ^10.0
- drupal/seeds_administration: ^2.0
- drupal/seeds_development: ^1.0
- drupal/seeds_editor: ^1.1
- drupal/seeds_layouts: ^2.0
- drupal/seeds_media: ^1.0
- drupal/seeds_page: ^1.0
- drupal/seeds_performance: ^1.0
- drupal/seeds_pollination: ^1.0
- drupal/seeds_security: ^2.0
- drupal/seeds_seo: ^2.0
- drupal/seeds_toolbar: ^2.0
- drupal/seeds_ui: ^1.0
- drush/drush: ^13.3.3
Conflicts
- 13.0.6
- 13.0.5
- 13.0.2
- 13.0.0
- 12.2.x-dev
- 12.2.15
- 12.2.14
- 12.2.13
- 12.2.12
- 12.2.11
- 12.2.10
- 12.2.9
- 12.2.8
- 12.2.7
- 12.2.6
- 12.2.5
- 12.2.4
- 12.2.3
- 12.2.2
- 12.2.1
- 12.2.0
- 12.1.x-dev
- 12.1.7
- 12.1.6
- 12.1.5
- 12.1.4
- 12.1.3
- 12.1.2
- 12.1.1
- 12.1.0
- 12.0.x-dev / 12.0.x-dev
- 12.0.0-beta22
- 12.0.0-beta21
- 12.0.0-beta20
- 12.0.0-beta19
- 12.0.0-beta18
- 12.0.0-beta17
- 12.0.0-beta16
- 12.0.0-beta15
- 12.0.0-beta14
- 12.0.0-beta13
- 12.0.0-beta12
- 12.0.0-beta11
- 12.0.0-beta10
- 12.0.0-beta9
- 12.0.0-beta8
- 12.0.0-beta7
- 12.0.0-beta6
- 12.0.0-beta5
- 12.0.0-beta4
- 12.0.0-beta3
- 12.0.0-beta2
- 12.0.0-beta1
- 11.5.x-dev
- 11.5.11
- 11.5.10
- 11.5.9
- 11.5.8
- 11.5.7
- 11.5.6
- 11.5.5
- 11.5.4
- 11.5.3
- 11.5.2
- 11.5.1
- 11.5.0
- 11.4.x-dev
- 11.4.5
- 11.4.4
- 11.4.3
- 11.4.2
- 11.4.1
- 11.4.0
- 11.3.x-dev
- 11.3.11
- 11.3.10
- 11.3.9
- 11.3.8
- 11.3.7
- 11.3.6
- 11.3.5
- 11.3.4
- 11.3.3
- 11.3.1
- 11.3.0
- 11.2.x-dev
- 11.2.16
- 11.2.15
- 11.2.14
- 11.2.13
- 11.2.12
- 11.2.11
- 11.2.10
- 11.2.9
- 11.2.8
- 11.2.7
- 11.2.6
- 11.2.5
- 11.2.4
- 11.2.3
- 11.2.2
- 11.2.1
- 11.2.0
- 11.1.x-dev
- 11.1.4
- 11.1.3
- 11.1.2
- 11.1.1
- 11.1.0
- 11.0.x-dev
- 11.0.0
- 9.1.0
- 9.1.0-beta1
- 9.1.0-alpha1
- 9.0.x-dev
- 9.0.0
- 8.10.x-dev
- 8.10.0-alpha2
- 8.10.0-alpha1
- 8.9.x-dev
- 8.9.60
- 8.9.59
- 8.9.58
- 8.9.57
- 8.9.56
- 8.9.54
- 8.9.53
- 8.9.52
- 8.9.51
- 8.9.50
- 8.9.49
- 8.9.48
- 8.9.47
- 8.9.46
- 8.9.45
- 8.9.44
- 8.9.43
- 8.9.42
- 8.9.41
- 8.9.39
- 8.9.38
- 8.9.37
- 8.9.36
- 8.9.35
- 8.9.34
- 8.9.33
- 8.9.32
- 8.9.31
- 8.9.30
- 8.9.29
- 8.9.28
- 8.9.27
- 8.9.26
- 8.9.25
- 8.9.24
- 8.9.23
- 8.9.22
- 8.9.21
- 8.9.20
- 8.9.19
- 8.9.18
- 8.9.17
- 8.9.15
- 8.9.14
- 8.9.13
- 8.9.12
- 8.9.11
- 8.9.10
- 8.9.9
- 8.9.8
- 8.9.7
- 8.9.6
- 8.9.5
- 8.9.4
- 8.9.3
- 8.9.2
- 8.9.1
- 8.9.0
- 8.8.x-dev
- 8.8.4
- 8.8.2
- 8.8.1
- 8.7.x-dev
- 8.7.3
- 8.7.2
- 8.7.1
- 8.7.0
- 8.6.x-dev
- 8.6.23
- 8.6.22
- 8.6.21
- 8.6.20
- 8.6.19
- 8.6.18
- 8.6.17
- 8.6.16
- 8.6.15
- 8.6.14
This package is auto-updated.
Last update: 2025-03-06 08:20:23 UTC
README
Seeds: Kickoff distribution for SMEs
Light distribution to kick off all projects regardless scale, you can use it to speed up your projects.
Seeds focusing on Arabic website with RTL interfaces so if you have any issue with your Arabic language website you are more than welcome to contribute with us.
Sponsored and developed by:
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.
Documentation
- Creating a subtheme
- Styling using sass
- Enabling RTL styling
- Mixins you can use in sass
- Sass placeholder classes that you can extend
- CKEditor RTL and LTR styling
- Using responsive font sizes in sass
- Disable bootstrap container in certian content types
- Override blazy loader
- Set default medias
Creating a subtheme
Creating a subtheme is simple, you have to have a git init in your project, then by running the create_subtheme.sh
and following the instructions, you would have a ready-to-go theme in your hands. Run:
./public_html/profiles/contrib/seeds/themes/custom/seeds_coat/scripts/create_subtheme.sh
You will be asked to enter you theme machine name and label, after that, the theme is created and activated automatically.
Styling using sass
After you created your subtheme, it will automatically run npm install
inside the subtheme folder, all you have to do is running:
gulp watch OR npm start
Then begin styling. After you are done, make sure to run:
gulp build OR npm run build
To build and minify the css when deploying to production.
There are certian settings you can modify in the theme.json
:
{ "livereloadPort": 35729, "rtlEnabled": false }
Enabling RTL styling
In you THEMENAME.theme
, find the following lines:
/* Comment out and change "THEMENAME" to enable rtl style */
// $variables['page']['#attached']['library'][] = 'THEMENAME/rtl';
Comment this out to enable RTL styling.
Mixins you can use in sass
@include form($gutter: 15px, $min-width: 180px);
This mixin defines general classes for forms:
- .form-2col
- .form-3col
- .form-4col
When you are creating a webform, you can create a container and then add one of the above to act as a row that contains form elements. By default, it is added for all webforms.
@include form-inline($gutter: 5px, $break: 767px);
Define an inline form with gutter and a maximum breakpoint.
@include responsive-image-blazy($lg, $md, $sm);
Using it with the combination of seeds_coat
responsive image styles, it can prove useful. This mixin is used when you want to use blazy with core responsive image styles
to avoid content reflows using padding-top
check the _mixin.scss
file for additonal info.
.node--type-article { @include responsive-image-blazy( ('w':1200,'h':900), ('w':900,'h':600), ('w':400,'h':400) ); }
Where 'w' is the width of the image and 'h' is the height. The mixin uses three bootstrap breakpoints: lg, md, sm
@include shadow();
Sets a shadowy container on the element. Useful with images.
@include fontawesome($content, $psuedo: 'before');
Includes a fontawesome icon. See Fontawesome v4
@include fontawesome('\f2d1');
Sass placeholder classes that you can extend
@extend %center
Centers an element.
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto;
@extend %absolute-full
Set position to absolute and stretch it.
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
CKEditor RTL and LTR styling
Go to /admin/config/content/seeds
or Admin >> Configuration >> Content Authoring >> Seeds Content Settings
, You will see CKEditor styling settings. By default, it is initialized, but if you want to change it, feel free to do it.
Using responsive font sizes in sass
in your _theme-variables.scss
file, comment out this line:
// $enable-responsive-font-sizes: true
You can now use the bootstrap 4 build in mixin:
@include rfs(64px); // OR @include responsive-font-size(64px); // OR @include font-size(64px);
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
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
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.