mirror of
https://github.com/fooflington/selfdefined.git
synced 2025-06-10 21:01:41 +00:00
update
This commit is contained in:
tatianamac
33
node_modules/browser-sync-ui/static/components/button-bars.html
generated
vendored
Normal file
33
node_modules/browser-sync-ui/static/components/button-bars.html
generated
vendored
Normal file
@ -0,0 +1,33 @@
|
||||
<div bs-button-group>
|
||||
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Website</button>
|
||||
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-twitter"></use></svg> Twitter</button>
|
||||
<button bs-button="icon-right"><svg bs-svg-icon><use xlink:href="#svg-github"></use></svg> Github</button>
|
||||
<button bs-button="icon" disabled><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
</div>
|
||||
<div bs-button-group>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-twitter"></use></svg></button>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-github"></use></svg></button>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
</div>
|
||||
<div bs-button-group>
|
||||
<button bs-button="">Button</button>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||||
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
<button bs-button disabled>n/a</button>
|
||||
<button bs-button="icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
</div>
|
||||
<div bs-button-group>
|
||||
<button bs-button="subtle-alt">Button</button>
|
||||
<button bs-button="subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||||
<button bs-button="subtle-alt icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
<button bs-button="subtle-alt" disabled>n/a</button>
|
||||
<button bs-button="subtle-alt icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
</div>
|
||||
<div bs-button-group>
|
||||
<button bs-button="size-small subtle-alt">Button</button>
|
||||
<button bs-button="size-small subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg></button>
|
||||
<button bs-button="size-small subtle-alt icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
<button bs-button="size-small subtle-alt" disabled>n/a</button>
|
||||
<button bs-button="size-small subtle-alt icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Button Small</button>
|
||||
</div>
|
||||
54
node_modules/browser-sync-ui/static/components/buttons.html
generated
vendored
Normal file
54
node_modules/browser-sync-ui/static/components/buttons.html
generated
vendored
Normal file
@ -0,0 +1,54 @@
|
||||
<p>Default button styles</p>
|
||||
<p>
|
||||
<button bs-button>Button</button>
|
||||
<button bs-button="size-small">Button Small</button>
|
||||
<button bs-button="size-small" disabled>Button Small</button>
|
||||
</p>
|
||||
<p>Subtle button styles</p>
|
||||
<p>
|
||||
<button bs-button="subtle">Button</button>
|
||||
<button bs-button="size-small subtle">Button Small</button>
|
||||
<button bs-button="size-small subtle" disabled>Button Small</button>
|
||||
</p>
|
||||
<p>Alternative Subtle button styles</p>
|
||||
<p>
|
||||
<button bs-button="subtle-alt">Button</button>
|
||||
<button bs-button="size-small subtle-alt">Button Small</button>
|
||||
<button bs-button="size-small subtle-alt" disabled>Button Small</button>
|
||||
</p>
|
||||
<hr/>
|
||||
<p>Default buttons with icons</p>
|
||||
<div>
|
||||
<button bs-button="icon-left"><svg bs-svg-icon><use xlink:href="#svg-square-add"></use></svg> Icon Left</button>
|
||||
<button bs-button="icon-right"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Icon Right</button>
|
||||
<button bs-button="icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
<button bs-button="icon" disabled><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
</div>
|
||||
<div>
|
||||
<button bs-button="size-small icon-left"><svg bs-svg-icon><use xlink:href="#svg-square-add"></use></svg> Icon Left</button>
|
||||
<button bs-button="size-small icon-right"><svg bs-svg-icon><use xlink:href="#svg-bug"></use></svg> Icon Right</button>
|
||||
<button bs-button="size-small icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
<button bs-button="size-small icon" disabled><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
</div>
|
||||
<br/>
|
||||
<p>Subtle buttons with icons</p>
|
||||
<div>
|
||||
<button bs-button="subtle icon-left"><svg bs-svg-icon><use xlink:href="#svg-square-add"></use></svg> Icon Left</button>
|
||||
<button bs-button="subtle icon-right"><svg bs-svg-icon><use xlink:href="#svg-bug"></use></svg> Icon Right</button>
|
||||
<button bs-button="subtle icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
<button bs-button="subtle icon" disabled><svg bs-svg-icon><use xlink:href="#svg-help"></use></svg></button>
|
||||
</div>
|
||||
<div>
|
||||
<button bs-button="size-small subtle icon-left"><svg bs-svg-icon><use xlink:href="#svg-square-add"></use></svg> Icon Left</button>
|
||||
<button bs-button="size-small subtle icon-right"><svg bs-svg-icon><use xlink:href="#svg-bug"></use></svg> Icon Right</button>
|
||||
<button bs-button="size-small subtle icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
<button bs-button="size-small subtle icon" disabled><svg bs-svg-icon><use xlink:href="#svg-help"></use></svg></button>
|
||||
</div>
|
||||
<br/>
|
||||
<p>Alternative Subtle button styles with icons</p>
|
||||
<div>
|
||||
<button bs-button="size-small subtle-alt icon-left"><svg bs-svg-icon><use xlink:href="#svg-globe"></use></svg> Icon Left</button>
|
||||
<button bs-button="size-small subtle-alt icon-right"><svg bs-svg-icon><use xlink:href="#svg-bug"></use></svg> Icon Right</button>
|
||||
<button bs-button="size-small subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-target"></use></svg></button>
|
||||
<button bs-button="size-small subtle-alt icon" disabled><svg bs-svg-icon><use xlink:href="#svg-help"></use></svg></button>
|
||||
</div>
|
||||
16
node_modules/browser-sync-ui/static/components/footer.html
generated
vendored
Normal file
16
node_modules/browser-sync-ui/static/components/footer.html
generated
vendored
Normal file
@ -0,0 +1,16 @@
|
||||
<footer bs-footer>
|
||||
<p bs-text="copyright">© 2016 -
|
||||
<a href="http://browsersync.io">Browsersync.io</a>
|
||||
</p>
|
||||
<p>
|
||||
<a href="https://github.com/Browsersync/UI/" bs-icon>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-github"></use></svg>
|
||||
</a>
|
||||
<a href="https://twitter.com/browsersync" bs-icon>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-twitter"></use></svg>
|
||||
</a>
|
||||
<a href="http://www.wearejh.com" bs-icon>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-jh"></use></svg>
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
34
node_modules/browser-sync-ui/static/components/forms.html
generated
vendored
Normal file
34
node_modules/browser-sync-ui/static/components/forms.html
generated
vendored
Normal file
@ -0,0 +1,34 @@
|
||||
<div bs-input="text">
|
||||
<label for="grid-size" bs-input-label>Grid Size</label>
|
||||
<input id="grid-size" type="text" size="16px" value="16px" placeholder=""/>
|
||||
</div>
|
||||
<br/>
|
||||
<div bs-input="text">
|
||||
<label for="some-input" bs-input-label>Some input</label>
|
||||
<input id="some-input" type="text" size="" value="" placeholder="EG: #main"/>
|
||||
</div>
|
||||
<br/>
|
||||
<p bs-label-heading>Form label</p>
|
||||
|
||||
<div bs-input="text">
|
||||
<label for="overlay-01" bs-input-label>Input + Button</label>
|
||||
<div bs-input-group>
|
||||
<input bs-stack id="overlay-01" type="text" size="10" value="" placeholder="EG: #main"/>rs
|
||||
<button bs-button="subtle-alt icon"><svg bs-svg-icon><use xlink:href="#svg-circle-plus"></use></svg></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div bs-input="text">
|
||||
<label for="new-restriction" bs-input-label>New Restriction</label>
|
||||
<input bs-stack id="new-restriction" type="text" size="" value="" ng-model="ctrl.restriction" placeholder="eg: #main">
|
||||
<div bs-state-wrapper ng-class="[ctrl.state.classname]">
|
||||
<button type="submit" id="add-restriction" bs-button="size-small subtle-alt icon-left" ng-disabled="ctrl.state.waiting">
|
||||
<svg bs-svg-icon="" icon="circle-plus"><use xlink:href="#svg-circle-plus"></use></svg>Add</button>
|
||||
<div bs-state-icons>
|
||||
<svg bs-svg-icon icon="circle-ok" bs-state="success inline"><use xlink:href="#svg-circle-ok"></use></svg>
|
||||
<svg bs-svg-icon icon="circle-minus" bs-state="waiting inline" bs-anim="spin"><use xlink:href="#svg-circle-minus"></use></svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
38
node_modules/browser-sync-ui/static/components/header.html
generated
vendored
Normal file
38
node_modules/browser-sync-ui/static/components/header.html
generated
vendored
Normal file
@ -0,0 +1,38 @@
|
||||
<header bs-header role="banner">
|
||||
<div bs-header-row="brand">
|
||||
<span class="icon icon-word">
|
||||
<svg>
|
||||
<use xlink:href="#svg-logo-word"></use>
|
||||
</svg>
|
||||
</span>
|
||||
<a href="https://www.npmjs.com/package/browser-sync" bs-link="version" target="_blank">v{{app.options.version}}</a>
|
||||
<span bs-toggle="nav" ng-click="app.toggleMenu('shane')" ng-class="{'active': app.ui.sectionMenu}">
|
||||
<svg>
|
||||
<use xlink:href="#svg-list"></use>
|
||||
</svg>
|
||||
<svg bs-state="alt">
|
||||
<use xlink:href="#svg-circle-delete"></use>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<aside bs-controls="top">
|
||||
<div bs-flex="top">
|
||||
<a href="#" bs-control title="Reload all Browsers" ng-click="app.reloadAll()">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-repeat"></use></svg>
|
||||
Reload all
|
||||
</a>
|
||||
<a href="{{app.options.port | localRootUrl:app.options.scheme}}" target="_blank" bs-control title="Open a new tab" ng-if="app.options" ng-show="app.options.mode !== 'snippet'" class="ng-scope">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-newtab"></use></svg>
|
||||
New Tab
|
||||
</a>
|
||||
<a href="#" bs-control title="Reset the scroll position of all browsers to 0" ng-click="app.scrollAllTo(0)">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-square-up"></use></svg>
|
||||
Scroll Top
|
||||
</a>
|
||||
<a href="#" bs-control title="Reset all Browsers to Homepage" ng-click="app.sendAllTo('/')" ng-show="app.options.mode !== 'snippet'">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-home"></use></svg>
|
||||
Reset All
|
||||
</a>
|
||||
</div>
|
||||
</aside>
|
||||
</header>
|
||||
6
node_modules/browser-sync-ui/static/components/heading.html
generated
vendored
Normal file
6
node_modules/browser-sync-ui/static/components/heading.html
generated
vendored
Normal file
@ -0,0 +1,6 @@
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-cog"></use></svg>
|
||||
Server Info
|
||||
</h1>
|
||||
</div>
|
||||
45
node_modules/browser-sync-ui/static/components/help-content.html
generated
vendored
Normal file
45
node_modules/browser-sync-ui/static/components/help-content.html
generated
vendored
Normal file
@ -0,0 +1,45 @@
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading><svg bs-svg-icon><use xlink:href="#svg-"></use></svg> Help Content</h1>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<p class="lede">
|
||||
Browsersync is an open-source project created and maintained by the front-end designers/developers at [JH](http://www.wearejh.com)
|
||||
. Together with contributors from all over the world, we aim to make modern, multi-device web development faster & easier.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<h2>Help</h2>
|
||||
<dl>
|
||||
<dt>Why isn’t Browsersync connecting with my project?</dt>
|
||||
<dd>99% of the time, it's because your web page doesn't have a `body` tag.
|
||||
In order for Browsersync to connect properly the `body` tag must be present in your website (we add a script tag just after it).
|
||||
Alternatively you can provide a custom rule for the snippet using [snippetOptions](http://www.browsersync.io/docs/options/#option-snippetOptions)
|
||||
</dd>
|
||||
<dt>Which mode should I be running in?</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>If you have simple HTML, CSS & JavaScript files, you need the [server option](http://www.browsersync.io/docs/options/#option-server).</li>
|
||||
<li>If you already have an existing server setup (such as an Express app, Mamp, Rails etc, then you need the [proxy option](http://www.browsersync.io/docs/options/#option-proxy).</li>
|
||||
<li>If you intend to copy/paste the snippet into your website manually, you use the `snippet` mode. This is the default mode and is
|
||||
achieved by omitting both the server & proxy options</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>Where can I report an issue?</dt>
|
||||
<dd>
|
||||
<p>If you have found an issue with the Browsersync UI, please use our [issue tracker](https://github.com/Browsersync/UI/issues) </p>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
<hr>
|
||||
<p>Need more assistance? Please try our [documentation](http://www.browsersync.io/docs/) for user guides or our [stackoverflow](http://stackoverflow.com/questions/tagged/browser-sync) tag for answers to common problems.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<h2>Contribute</h2>
|
||||
<p>We'd love for you to contribute to Browsersync and help make it even better than it is today! Please read our [contributor guidelines](https://github.com/shakyShane/browser-sync/blob/master/CONTRIBUTING.md).</p>
|
||||
</div>
|
||||
</div>
|
||||
123
node_modules/browser-sync-ui/static/components/lists.html
generated
vendored
Normal file
123
node_modules/browser-sync-ui/static/components/lists.html
generated
vendored
Normal file
@ -0,0 +1,123 @@
|
||||
<div class="tube">
|
||||
<h2>Simple list</h2>
|
||||
<ul bs-list>
|
||||
<li>Item 1</li>
|
||||
<li>Item 2</li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
<br/>
|
||||
<h2>Bordered list</h2>
|
||||
<ul bs-list="bordered">
|
||||
<li>/gallery/new-item</li>
|
||||
<li><a href="#">https://github.com/shakyShane/browser-sync/pull/400</a></li>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
<br/>
|
||||
<h2>Bordered list with controls</h2>
|
||||
</div>
|
||||
|
||||
<ul bs-list="bordered inline-controls">
|
||||
<li>
|
||||
<p>https://github.com/Browsersync/UI/</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>https://github.com/Browsersync/UI/issues</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>https://twitter.com/browsersync</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>http://browsersync.io</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>http://stackoverflow.com/questions/tagged/browser-sync</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>http://www.browsersync.io/docs/options/#option-snippetOptions</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>https://github.com/shakyShane/browser-sync/blob/master/CONTRIBUTING.md</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>http://www.browsersync.io/docs/options/#option</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>http://www.wearejh.com</p>
|
||||
<div bs-button-group>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
</button>
|
||||
<button href="#" bs-button="subtle-alt icon">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
35
node_modules/browser-sync-ui/static/components/panels.html
generated
vendored
Normal file
35
node_modules/browser-sync-ui/static/components/panels.html
generated
vendored
Normal file
@ -0,0 +1,35 @@
|
||||
<div class="tube">
|
||||
<p>Page heading</p>
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-cog"></use></svg>
|
||||
Overview
|
||||
</h1>
|
||||
</div>
|
||||
<hr/>
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
|
||||
Sync all
|
||||
</h1>
|
||||
</div>
|
||||
<div bs-button-row>
|
||||
<button bs-button="inline icon-left success" ng-click="setMany(true)">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-circle-ok"></use></svg>
|
||||
Enable All
|
||||
</button>
|
||||
<button bs-button="icon-left inline" ng-click="setMany(false)">
|
||||
<svg bs-svg-icon><use xlink:href="#svg-circle-delete"></use></svg>
|
||||
Disable all
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading>
|
||||
<svg bs-svg-icon><use xlink:href="#svg-cog"></use></svg>
|
||||
Overview
|
||||
</h1>
|
||||
</div>
|
||||
<hr/>
|
||||
|
||||
69
node_modules/browser-sync-ui/static/components/switches.html
generated
vendored
Normal file
69
node_modules/browser-sync-ui/static/components/switches.html
generated
vendored
Normal file
@ -0,0 +1,69 @@
|
||||
<section bs-panel="switch" ng-class="{'disabled': !active}">
|
||||
<div bs-panel-content>
|
||||
<div bs-panel-icon>
|
||||
<div class="switch">
|
||||
<input id="switch-1"
|
||||
ng-model="item[prop]"
|
||||
ng-change="toggle(item)"
|
||||
class="cmn-toggle cmn-toggle-round"
|
||||
type="checkbox"
|
||||
checked="">
|
||||
<label for="switch-1"></label>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<p bs-text="lede">Css Grid Overlay</p>
|
||||
<p>Some other content</p>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-panel-content>
|
||||
<div bs-inputs bs-grid="wide-4 desk-2">
|
||||
<div bs-grid-item>
|
||||
<div bs-input="text">
|
||||
<label for="grid-size" bs-input-label>Grid Size</label>
|
||||
<input id="grid-size" type="text" size="16px" value="16px" placeholder=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-grid-item>
|
||||
<div bs-input="text">
|
||||
<label for="grid-colour" bs-input-label>Grid Colour</label>
|
||||
<input id="grid-colour" type="text" size="rgba(0, 0, 0, 0.2)" value="rgba(0, 0, 0, 0.2)" placeholder=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-grid-item>
|
||||
<div bs-input="text">
|
||||
<label for="grid-selector" bs-input-label>Grid Selector</label>
|
||||
<input id="grid-selector" type="text" size="body" value="body" placeholder=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-inputs bs-grid="wide-4 desk-2">
|
||||
<div bs-grid-item>
|
||||
<div bs-input="text">
|
||||
<label for="offset-top" bs-input-label>Offset Top</label>
|
||||
<input id="offset-top" type="text" size="0" value="0" placeholder=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-grid-item>
|
||||
<div bs-input="text">
|
||||
<label for="offset-bottom" bs-input-label>Offset Bottom</label>
|
||||
<input id="offset-bottom" type="text" size="0" value="0" placeholder=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-inputs bs-grid="wide-4 desk-2">
|
||||
<div bs-grid-item>
|
||||
<div bs-input="inline">
|
||||
<input type="checkbox" id="vertical-axis" checked>
|
||||
<label for="vertical-axis" bs-input-label>Vertical Axis</label>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-grid-item>
|
||||
<div bs-input="inline">
|
||||
<input type="checkbox" id="horizontal-axis" checked>
|
||||
<label for="horizontal-axis" bs-input-label>Horizontal Axis</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
103
node_modules/browser-sync-ui/static/components/type.html
generated
vendored
Normal file
103
node_modules/browser-sync-ui/static/components/type.html
generated
vendored
Normal file
@ -0,0 +1,103 @@
|
||||
<h1>Heading 1</h1>
|
||||
|
||||
<h2>Heading 2</h2>
|
||||
|
||||
<h3>Heading 3</h3>
|
||||
|
||||
<p class="lede">Lede paragraph. Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
<p>Paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero esse molestias, itaque, quia sed laudantium laboriosam amet aliquam ipsam, laborum asperiores quod obcaecati, maiores fugiat nihil cum minus provident vitae.</p>
|
||||
|
||||
<p class="small">Small paragraph. Lorem ipsum dolor sit amet.</p>
|
||||
|
||||
<p><a href="#links">Link</a> <span bs-sep>|</span> <a href="#">Another link</a></p>
|
||||
|
||||
<p>Inline tags. Lorem <strong>strong</strong> ipsum <code>code</code> dolar <mark>mark</mark> si <em>em</em>.</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
||||
<li>Odit quis, pariatur ipsum vel.
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
||||
<li>Odit quis, pariatur ipsum vel.</li>
|
||||
<li>Suscipit laudantium, quam debitis tempore.</li>
|
||||
<li>Nobis vero nesciunt suscipit porro.</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Suscipit laudantium, quam debitis tempore.</li>
|
||||
<li>Nobis vero nesciunt suscipit porro.</li>
|
||||
</ul>
|
||||
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
||||
<li>Odit quis, pariatur ipsum vel.
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet.</li>
|
||||
<li>Ratione dolore veritatis voluptas consequuntur!</li>
|
||||
<li>Odit quis, pariatur ipsum vel.</li>
|
||||
<li>Suscipit laudantium, quam debitis tempore.</li>
|
||||
<li>Nobis vero nesciunt suscipit porro.</li>
|
||||
</ol>
|
||||
</li>
|
||||
<li>Suscipit laudantium, quam debitis tempore.</li>
|
||||
<li>Nobis vero nesciunt suscipit porro.</li>
|
||||
</ol>
|
||||
|
||||
<dl>
|
||||
<dt>Lorem ipsum dolor sit amet.</dt>
|
||||
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
||||
<dt>Lorem ipsum dolor sit amet.</dt>
|
||||
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
||||
<dt>Lorem ipsum dolor sit amet.</dt>
|
||||
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus, hic.</dd>
|
||||
</dl>
|
||||
|
||||
<hr>
|
||||
|
||||
<table>
|
||||
<caption>The Very Best Eggnog</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Ingredients</th>
|
||||
<th scope="col">Serves 12</th>
|
||||
<th scope="col">Serves 24</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Milk</td>
|
||||
<td data-title="For 12">1 quart</td>
|
||||
<td data-title="For 24">2 quart</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Cloves</td>
|
||||
<td data-title="For 12">5</td>
|
||||
<td data-title="For 24">10</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Egg Yolks</td>
|
||||
<td data-title="For 12">12</td>
|
||||
<td data-title="For 24">24</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Cups Sugar</td>
|
||||
<td data-title="For 12">1 ½ cups</td>
|
||||
<td data-title="For 24">3 cups</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Dark Rum</td>
|
||||
<td data-title="For 12">1 ½ cups</td>
|
||||
<td data-title="For 24">3 cups</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td data-title="Ingredient">Freshly grated nutmeg to taste</td>
|
||||
<td data-title="For 12"></td>
|
||||
<td data-title="For 24"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
46
node_modules/browser-sync-ui/static/content/help.content.html
generated
vendored
Normal file
46
node_modules/browser-sync-ui/static/content/help.content.html
generated
vendored
Normal file
@ -0,0 +1,46 @@
|
||||
<div bs-panel="controls outline">
|
||||
<h1 bs-heading><svg bs-svg-icon><use xlink:href="#svg-help"></use></svg> Help / About</h1>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<p class="lede">
|
||||
Browsersync is an open-source project created and maintained by the front-end designers/developers at <a href="http://www.wearejh.com">JH</a>
|
||||
. Together with contributors from all over the world, we aim to make modern, multi-device web development faster & easier.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<h2>Help</h2>
|
||||
<dl>
|
||||
<dt>Why isn’t Browsersync connecting with my project?</dt>
|
||||
<dd>99% of the time, it's because your web page doesn't have a <code>body</code> tag.
|
||||
In order for Browsersync to connect properly the <code>body</code> tag must be present in your website (we add a script tag just after it).
|
||||
Alternatively you can provide a custom rule for the snippet using <a href="http://www.browsersync.io/docs/options/#option-snippetOptions">snippetOptions</a>
|
||||
</dd>
|
||||
<dt>Which mode should I be running in?</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>If you have simple HTML, CSS & JavaScript files, you need the <a href="http://www.browsersync.io/docs/options/#option-server">server option</a>.</li>
|
||||
<li>If you already have an existing server setup (such as an Express app, Mamp, Rails etc, then you need the <a href="http://www.browsersync.io/docs/options/#option-proxy">proxy option</a>.</li>
|
||||
<li>If you intend to copy/paste the snippet into your website manually, you use the <code>snippet</code> mode. This is the default mode and is
|
||||
achieved by omitting both the server & proxy options</li>
|
||||
</ul>
|
||||
</dd>
|
||||
<dt>Where can I report an issue?</dt>
|
||||
<dd>
|
||||
<p>If you have found an issue with the Browsersync UI, please use our <a href="https://github.com/Browsersync/UI/issues">issue tracker</a> </p>
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
<hr>
|
||||
<p>Need more assistance? Please try our <a href="http://www.browsersync.io/docs/">documentation</a> for user guides or our <a href="http://stackoverflow.com/questions/tagged/browser-sync">stackoverflow</a> tag for answers to common problems.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div bs-panel>
|
||||
<div bs-panel-content="basic">
|
||||
<h2>Contribute</h2>
|
||||
<p>We'd love for you to contribute to Browsersync and help make it even better than it is today! Please read our <a href="https://github.com/shakyShane/browser-sync/blob/master/CONTRIBUTING.md">contributor guidelines</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user