Drupal theme-Mayumi-A progressive mobile first “feminine” theme with modular scale typography and powerful grid-based layout engine

2015/09/09 08:14  Category: Drupal Theme  Tags: , , , ,
Drupal theme-Mayumi-A progressive mobile first “feminine” theme with modular scale typography and powerful grid-based layout engine

A progressive mobile first “feminine” theme with modular scale typography and powerful grid-based layout engine.

  • HTML 5
  • Responsive design (mobile-first) with configurable breakpoints. Defaults to 768, 960 and 1152
  • Typography using modular scale.
  • Web accessibility optimized with ARIA roles
  • Bulletproof flexible grid system with 24 columns (units) as default.
  • Configurable grid
    • Configurable number of columns in the grid
    • Configurable gutter width
  • Horizontal login block if placed in topbar region
  • Comes with its own special font “Noceda Font Pro”, a light, elegant and open sans-serif font built in with 304 Gwikons (Groundwork icons)
  • Supports both sidebars
  • 17 regions with a special “Aside” region visible only in nodes.
  • Optimized typography for all standard elements
  • Block source ordering per region
  • Powerful layout engine provides unlimited layout possibilities
  • Collection of preset CSS classes
  • LESS CSS enhanced with loads of Drupal-specific mixins and bundles.
  • HTML5 polyfill to support older browsers
  • and many more.

Mayumi is a sub-theme of Groundwork 2.x

Before you start…

Installation via Drush

  1. Download the Groundwork Front-end Framework and Mayumi:
    drush dl groundwork mayumi
  2. Enable and set your new theme mayumi as default:
    drush en mayumi --yes && drush vset theme_default mayumi

Manual installation

  1. Download the Groundwork Front-end Framework 2.x and Mayumi
  2. Extract the downloaded files and place both Groundwork and Mayumi folders in your Drupal installation. For example:
    • sites/all/themes/groundwork
    • sites/all/themes/mayumi
  3. Edit app-settings.css.less found inside the custom directory of your new theme, and define the location of your theme.
    For example (default): @themeDirectory: sites/all/themes/mayumi;
  4. In the browser, log in as admin in your Drupal installation and go to Administration > Appearance > List: http://example.com/admin/appearance/list. Click the “Enable and set default” link on your new custom theme.

Recommended Modules

  • Block Class
    Add classes to any block through the block’s configuration interface.
  • Menu Attributes
    Specify additional attributes for menu items such as id and class.

Credits

Development of the Groundwork project is sponsored by Noceda Media Lab.

Theme Demo and Download

× -