Understanding The Vartheme Starterkit Theme
Last updated
Last updated
A starterkit theme for standard websites.
A new generation of theming based on , with , and 2.0.x-dev
.
provides component management system for Varbase and Vartheme BS5.
Customizing for a project? keep generate a clone of the Vartheme BS5 starterkit theme by:
A generated cloned theme could be generated automatically to start with. Installed and set as default theme for a website. Changes over coloring, theming, having custom web components, adding more libraries would be managed under the new sub theme, without changing the base theme.
This way a guaranteed full integration between Varbase Components and Varbase Themes.
All Varbase components organize CSS files under libraries with full use of in mind.
A flexible guide to developing sites small and large.SMACSS (pronounced “smacks”) is more style guide than rigid framework. There is no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It is an attempt to document a consistent approach to site development when using CSS.
Drupal follows a SMACSS-style categorization of its CSS rules:
Base — CSS reset/normalize plus HTML element styling.
Layout — macro arrangement of a web page, including any grid systems.
Component — discrete, reusable UI elements.
State — styles that deal with client-side changes to components.
Theme — purely visual styling (“look-and-feel”) for a component.
Build fast, responsive sites with Bootstrap.
Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.
Vartheme BS5 too organize CSS files under libraries with full use of in mind.
SCSS:
CSS:
Using the default components from .
: Edge to Edge layout for content.
: Equal height layout for bootstrap rows. ( variations with -sm
, -md
, -lg
, and -xl
) will work within the Bootstrap default breakpoints for the theme.