mediawiki-skins-Vector/stories/tabs.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
445 B
JavaScript

import mustache from 'mustache';
import { namespaceTabsData, pageActionsData, vectorTabsTemplate } from './tabs.stories.data';
import '../resources/skins.vector.styles/VectorTabs.less';
import '../.storybook/common.less';
export default {
title: 'Tabs'
};
export const pageActionTabs = () => mustache.render( vectorTabsTemplate, pageActionsData );
export const namespaceTabs = () => mustache.render( vectorTabsTemplate, namespaceTabsData );