mediawiki-skins-Vector/stories/menu.stories.js
Nicholas Ray 9823538683 Isolate Vector Styles to their Respective Component
This will help with the encapsulation/reusability of each component.

* Stylesheets were renamed to reflect their respective component name
(e.g. search.less became SearchBox.less)

* Styles were isolated to each component:

* navigation.less now only contains classes that are relevant to
Navigation.mustache.
  * personalNavigation.less, search.less, and tabs.less
    imports were removed and made first-class styles.
  * several selectors were moved into common.less
  * #p-logo was moved into sidebar

* tabs.less was renamed to VectorTabs.less and styles specific to
VectorMenu.less were put into VectorMenu.less

* Storybook was updated to reflect changes

Bug: T243281
Change-Id: Idf90ee2a0f1c1d08a31cf50099c0bebc7b67e619
2020-03-03 18:20:19 +00:00

13 lines
406 B
JavaScript

import mustache from 'mustache';
import '../resources/skins.vector.styles/VectorMenu.less';
import '../.storybook/common.less';
import { vectorMenuTemplate, moreData, variantsData } from './menu.stories.data';
export default {
title: 'Menu'
};
export const more = () => mustache.render( vectorMenuTemplate, moreData );
export const variants = () => mustache.render( vectorMenuTemplate, variantsData );