mirror of
https://github.com/zhigang1992/probot.github.io.git
synced 2026-04-24 04:15:48 +08:00
Initial hacky version of site
This commit is contained in:
Brandon Keepers
104
node_modules/primer-buttons/CHANGELOG.md
generated
vendored
Normal file
104
node_modules/primer-buttons/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,104 @@
|
||||
# v1.0.0
|
||||
|
||||
* remove btn-outline-red - broccolini [github/github@0bebf02](https://github.com/github/github/commit/0bebf02)
|
||||
* fix lint errors - broccolini [github/github@c520fa4](https://github.com/github/github/commit/c520fa4)
|
||||
* update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
|
||||
* more docs examples, restore gradients from @broccolini and then add additional overrides to prevent hover gradient from bleeding into active state - Mark Otto [github/github@c637891](https://github.com/github/github/commit/c637891)
|
||||
* One more button redux - Mark Otto [github/github@0b7323a](https://github.com/github/github/commit/0b7323a)
|
||||
* add inverse mixin for red button hover styles - broccolini [github/github@764c417](https://github.com/github/github/commit/764c417)
|
||||
* btn fixes: - broccolini [github/github@d5c2110](https://github.com/github/github/commit/d5c2110)
|
||||
* use variables for hidden text expander and other btn styles - broccolini [github/github@7706f4b](https://github.com/github/github/commit/7706f4b)
|
||||
* Redo hover and disabled states - Mark Otto [github/github@10a29cf](https://github.com/github/github/commit/10a29cf)
|
||||
* correct the mixin logic for the default button, and rematch some border styles - Mark Otto [github/github@37d1a95](https://github.com/github/github/commit/37d1a95)
|
||||
* less electric blue - broccolini [github/github@5cbc253](https://github.com/github/github/commit/5cbc253)
|
||||
* lighten border and darken gradient on default buttons - broccolini [github/github@9cfb1ed](https://github.com/github/github/commit/9cfb1ed)
|
||||
* more grassy green - broccolini [github/github@44f8da5](https://github.com/github/github/commit/44f8da5)
|
||||
* brighter blues - broccolini [github/github@ed1fa13](https://github.com/github/github/commit/ed1fa13)
|
||||
* social count border - broccolini [github/github@bfccd55](https://github.com/github/github/commit/bfccd55)
|
||||
* improve button styles: - broccolini [github/github@7a11abe](https://github.com/github/github/commit/7a11abe)
|
||||
* remove line - Mark Otto [github/github@1c614af](https://github.com/github/github/commit/1c614af)
|
||||
* ugh, move this to the other bundle - Mark Otto [github/github@b20f41d](https://github.com/github/github/commit/b20f41d)
|
||||
* linting - Mark Otto [github/github@fe072d1](https://github.com/github/github/commit/fe072d1)
|
||||
* try another disabled state - Mark Otto [github/github@95ea411](https://github.com/github/github/commit/95ea411)
|
||||
* more linting - Mark Otto [github/github@9172515](https://github.com/github/github/commit/9172515)
|
||||
* more simplification and cleanup of button styles - Mark Otto [github/github@a18b600](https://github.com/github/github/commit/a18b600)
|
||||
* tighten up examples - Mark Otto [github/github@183559e](https://github.com/github/github/commit/183559e)
|
||||
* rip out old code - Mark Otto [github/github@45cfc22](https://github.com/github/github/commit/45cfc22)
|
||||
* more linting - Mark Otto [github/github@56fe624](https://github.com/github/github/commit/56fe624)
|
||||
* rip out .btn-shadowed since it's unused - Mark Otto [github/github@9860c76](https://github.com/github/github/commit/9860c76)
|
||||
* add a shorthand docs example - Mark Otto [github/github@b61ee2b](https://github.com/github/github/commit/b61ee2b)
|
||||
* linting - Mark Otto [github/github@e198d03](https://github.com/github/github/commit/e198d03)
|
||||
* tweak colors, tweak button focus/active styles - Mark Otto [github/github@a57e89e](https://github.com/github/github/commit/a57e89e)
|
||||
* first pass at redoing buttons - Mark Otto [github/github@32bf290](https://github.com/github/github/commit/32bf290)
|
||||
|
||||
# v0.4.2
|
||||
|
||||
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
|
||||
|
||||
# v0.4.1
|
||||
|
||||
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
|
||||
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
|
||||
|
||||
# v0.4.0
|
||||
|
||||
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
|
||||
* update buttons version number - broccolini [github/github@6504e09](https://github.com/github/github/commit/6504e09)
|
||||
* Make all href #url - Mu-An Chiou [github/github@27ba40c](https://github.com/github/github/commit/27ba40c)
|
||||
* Add placeholder URL and aria-expanded - Mu-An Chiou [github/github@8f6b03d](https://github.com/github/github/commit/8f6b03d)
|
||||
* Make sure :disabled state is different from normal state on .btn-link - Mu-An Chiou [github/github@3e17fe6](https://github.com/github/github/commit/3e17fe6)
|
||||
* bump padding on social-count - broccolini [github/github@f12bd30](https://github.com/github/github/commit/f12bd30)
|
||||
* Make padding on btn-large more normal - Patrick Marsceill [github/github@6db7bbe](https://github.com/github/github/commit/6db7bbe)
|
||||
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
|
||||
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
|
||||
|
||||
# v0.3.1
|
||||
|
||||
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
|
||||
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
|
||||
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
|
||||
|
||||
# v0.3.0
|
||||
|
||||
* Bumping to a new version - Jon Rohan [github/github@ff32813](https://github.com/github/github/commit/ff32813)
|
||||
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
||||
* First part of genpopping all system font changes: remove typographic overrides for font-size, line-height, etc on global components - Mark Otto [github/github@6c50e2d](https://github.com/github/github/commit/6c50e2d)
|
||||
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
|
||||
|
||||
# v0.2.3
|
||||
|
||||
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
|
||||
* Updating octicons to deprecate the use of :symbol - Jon Rohan [github/github@9eb0c63](https://github.com/github/github/commit/9eb0c63)
|
||||
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
|
||||
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
|
||||
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
|
||||
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
|
||||
|
||||
# v0.2.2
|
||||
|
||||
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
|
||||
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
|
||||
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
|
||||
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
|
||||
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
|
||||
|
||||
# v0.2.1
|
||||
|
||||
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
|
||||
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
|
||||
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
|
||||
|
||||
# v0.2.0
|
||||
|
||||
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
|
||||
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
|
||||
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
|
||||
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
|
||||
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
|
||||
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
|
||||
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
|
||||
|
||||
# v0.1.0
|
||||
|
||||
* Fixing sort lint - Jon Rohan [github/github@ba9ce3d](https://github.com/github/github/commit/ba9ce3d)
|
||||
* Moving primer/primer buttons to a css module - Jon Rohan [github/github@39c07f3](https://github.com/github/github/commit/39c07f3)
|
||||
21
node_modules/primer-buttons/LICENSE
generated
vendored
Normal file
21
node_modules/primer-buttons/LICENSE
generated
vendored
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2016 GitHub Inc.
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
258
node_modules/primer-buttons/README.md
generated
vendored
Normal file
258
node_modules/primer-buttons/README.md
generated
vendored
Normal file
@@ -0,0 +1,258 @@
|
||||
# Primer CSS Buttons
|
||||
|
||||
[](https://www.npmjs.org/package/primer-buttons)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.
|
||||
|
||||
This repository is a module of the full [primer-css][primer-css] repository.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-buttons` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-buttons
|
||||
```
|
||||
|
||||
## Usage
|
||||
|
||||
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
|
||||
|
||||
```scss
|
||||
@import "primer-buttons/index.scss";
|
||||
```
|
||||
|
||||
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
|
||||
|
||||
## Build
|
||||
|
||||
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
|
||||
|
||||
```
|
||||
$ npm run build
|
||||
```
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Buttons
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Buttons are used for **actions**, like in forms, while textual hyperlinks are used for **destinations**, or moving from one page to another.
|
||||
|
||||
#### Buttons
|
||||
|
||||
```html
|
||||
<button class="m-1 btn" type="button">Close</button>
|
||||
<button class="m-1 btn btn-primary" type="button">Comment</button>
|
||||
<button class="m-1 btn btn-danger" type="button">Rename repository</button>
|
||||
<button class="m-1 btn btn-blue" type="button">Sign up for free</button>
|
||||
<button class="m-1 btn btn-purple" type="button">Try if for free</button>
|
||||
<br>
|
||||
<button class="m-1 btn hover" type="button">Close</button>
|
||||
<button class="m-1 btn btn-primary hover" type="button">Comment</button>
|
||||
<button class="m-1 btn btn-danger hover" type="button">Rename repository</button>
|
||||
<button class="m-1 btn btn-blue hover" type="button">Sign up for free</button>
|
||||
<button class="m-1 btn btn-purple hover" type="button">Try if for free</button>
|
||||
<br>
|
||||
<button class="m-1 btn focus" type="button">Close</button>
|
||||
<button class="m-1 btn btn-primary focus" type="button">Comment</button>
|
||||
<button class="m-1 btn btn-danger focus" type="button">Rename repository</button>
|
||||
<button class="m-1 btn btn-blue focus" type="button">Sign up for free</button>
|
||||
<button class="m-1 btn btn-purple focus" type="button">Try if for free</button>
|
||||
<br>
|
||||
<button class="m-1 btn selected" type="button">Close</button>
|
||||
<button class="m-1 btn btn-primary selected" type="button">Comment</button>
|
||||
<button class="m-1 btn btn-danger selected" type="button">Rename repository</button>
|
||||
<button class="m-1 btn btn-blue selected" type="button">Sign up for free</button>
|
||||
<button class="m-1 btn btn-purple selected" type="button">Try if for free</button>
|
||||
<br>
|
||||
<button class="m-1 btn disabled" type="button">Close</button>
|
||||
<button class="m-1 btn btn-primary disabled" type="button">Comment</button>
|
||||
<button class="m-1 btn btn-danger disabled" type="button">Rename repository</button>
|
||||
<button class="m-1 btn btn-blue disabled" type="button">Sign up for free</button>
|
||||
<button class="m-1 btn btn-purple disabled" type="button">Try if for free</button>
|
||||
```
|
||||
|
||||
#### Default buttons
|
||||
|
||||
Use the standard—yet classy—`.btn` for form actions and primary page actions. These are used extensively around the site.
|
||||
|
||||
When using a `<button>` element, **always specify a `type`**. When using a `<a>` element, **always add `role="button"` for accessibility**.
|
||||
|
||||
```html
|
||||
<button class="btn" type="button">Button button</button>
|
||||
<a class="btn" href="#url" role="button">Link button</a>
|
||||
```
|
||||
|
||||
You can find them in two sizes: the default `.btn` and the smaller `.btn-sm`.
|
||||
|
||||
```html
|
||||
<button class="btn" type="button">Button</button>
|
||||
<button class="btn btn-sm" type="button">Small button</button>
|
||||
```
|
||||
|
||||
#### Primary
|
||||
|
||||
Primary buttons are green and are used to indicate the *primary* action on a page. When you need your buttons to stand out, use `.btn.btn-primary`. You can use it with both button sizes—just add `.btn-primary`.
|
||||
|
||||
```html
|
||||
<button class="btn btn-primary" type="button">Primary button</button>
|
||||
<button class="btn btn-sm btn-primary" type="button">Small primary button</button>
|
||||
```
|
||||
|
||||
#### Danger
|
||||
|
||||
Danger buttons are red. They help reiterate that the intended action is important or potentially dangerous (e.g., deleting a repo or transferring ownership). Similar to the primary buttons, just add `.btn-danger`.
|
||||
|
||||
```html
|
||||
<button class="btn btn-danger" type="button">Danger button</button>
|
||||
<button class="btn btn-sm btn-danger" type="button">Small danger button</button>
|
||||
```
|
||||
|
||||
#### Outline
|
||||
|
||||
Outline buttons downplay an action as they appear like boxy links. Just add `.btn-outline` and go.
|
||||
|
||||
```html
|
||||
<button class="btn btn-outline" type="button">Outline button</button>
|
||||
<button class="btn btn-sm btn-outline" type="button">Outline button</button>
|
||||
```
|
||||
|
||||
#### Disabled state
|
||||
|
||||
Disable `<button>` elements with the boolean `disabled` attribute and `<a>` elements with the `.disabled` class.
|
||||
|
||||
```html
|
||||
<button class="btn" type="button" disabled>Disabled button</button>
|
||||
<a class="btn disabled" href="#url" role="button">Disabled button</a>
|
||||
```
|
||||
|
||||
Similar styles are applied to primary, danger, and outline buttons:
|
||||
|
||||
```html
|
||||
<button class="btn btn-primary" type="button" disabled>Disabled button</button>
|
||||
<a class="btn btn-primary disabled" href="#url" role="button">Disabled button</a>
|
||||
```
|
||||
|
||||
```html
|
||||
<button class="btn btn-danger" type="button" disabled>Disabled button</button>
|
||||
<a class="btn btn-danger disabled" href="#url" role="button">Disabled button</a>
|
||||
```
|
||||
|
||||
```html
|
||||
<button class="btn btn-outline" type="button" disabled>Disabled button</button>
|
||||
<a class="btn btn-outline disabled" href="#url" role="button">Disabled button</a>
|
||||
```
|
||||
|
||||
#### Block buttons
|
||||
|
||||
Make any button full-width by adding `.btn-block`. It adds `width: 100%;`, changes the `display` from `inline-block` to `block`, and centers the button text.
|
||||
|
||||
```html
|
||||
<p><button class="btn btn-block" type="button">Block button</button></p>
|
||||
<p><button class="btn btn-sm btn-block" type="button">Small block button</button></p>
|
||||
```
|
||||
|
||||
#### With counts
|
||||
|
||||
You can easily append a count to a **small button**. Add the `.with-count` class to the `.btn-sm` and then add the `.social-count` after the button.
|
||||
|
||||
**Be sure to clear the float added by the additional class.**
|
||||
|
||||
```html
|
||||
<div class="clearfix">
|
||||
<a class="btn btn-sm btn-with-count" href="#url" role="button">
|
||||
<%= octicon "eye" %>
|
||||
Watch
|
||||
</a>
|
||||
<a class="social-count" href="#url">6</a>
|
||||
</div>
|
||||
```
|
||||
|
||||
You can also use the [counter](../../product/components/labels) component within buttons:
|
||||
|
||||
```html
|
||||
<button class="btn" type="button">
|
||||
Button
|
||||
<span class="Counter">12</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-primary" type="button">
|
||||
Button
|
||||
<span class="Counter">12</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-danger" type="button">
|
||||
Button
|
||||
<span class="Counter">12</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-outline" type="button">
|
||||
Button
|
||||
<span class="Counter">12</span>
|
||||
</button>
|
||||
```
|
||||
|
||||
#### Button groups
|
||||
|
||||
Have a hankering for a series of buttons that are attached to one another? Wrap them in a `.BtnGroup` and the buttons will be rounded and spaced automatically.
|
||||
|
||||
```html
|
||||
<div class="BtnGroup mr-2">
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
</div>
|
||||
|
||||
<div class="BtnGroup mr-2">
|
||||
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
|
||||
</div>
|
||||
|
||||
<div class="BtnGroup">
|
||||
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
|
||||
</div>
|
||||
```
|
||||
|
||||
Add `.BtnGroup-form` to `<form>`s within `.BtnGroup`s for proper spacing and rounded corners.
|
||||
|
||||
```html
|
||||
<div class="BtnGroup">
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
<form class="BtnGroup-form">
|
||||
<button class="btn BtnGroup-item" type="button">Button in a form</button>
|
||||
</form>
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
<button class="btn BtnGroup-item" type="button">Button</button>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Hidden text button
|
||||
|
||||
Use `.hidden-text-expander` to indicate and toggle hidden text.
|
||||
|
||||
```html
|
||||
<span class="hidden-text-expander">
|
||||
<button type="button" class="ellipsis-expander" aria-expanded="false">…</button>
|
||||
</span>
|
||||
```
|
||||
|
||||
You can also make the expander appear inline by adding `.inline`.
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
||||
|
||||
[primer-css]: https://github.com/primer/primer
|
||||
[docs]: http://primercss.io/
|
||||
[npm]: https://www.npmjs.com/
|
||||
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
|
||||
[sass]: http://sass-lang.com/
|
||||
1
node_modules/primer-buttons/build/build.css
generated
vendored
Normal file
1
node_modules/primer-buttons/build/build.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-buttons/build/index.js
generated
vendored
Normal file
1
node_modules/primer-buttons/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
node_modules/primer-buttons/index.scss
generated
vendored
Normal file
3
node_modules/primer-buttons/index.scss
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "primer-support/index.scss";
|
||||
@import "./lib/button.scss";
|
||||
@import "./lib/button-group.scss";
|
||||
79
node_modules/primer-buttons/lib/button-group.scss
generated
vendored
Normal file
79
node_modules/primer-buttons/lib/button-group.scss
generated
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
// Button group
|
||||
//
|
||||
// A button group is a series of buttons laid out next to each other, all part
|
||||
// of one visual button, but separated by rules to be separate.
|
||||
.BtnGroup {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
@include clearfix();
|
||||
|
||||
// Proper spacing for multiple button groups (a la, gollum editor)
|
||||
+ .BtnGroup,
|
||||
+ .btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.BtnGroup-item {
|
||||
position: relative;
|
||||
float: left;
|
||||
border-right-width: 0;
|
||||
border-radius: 0;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-right-width: 1px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
&.selected,
|
||||
&:focus,
|
||||
&:active,
|
||||
&:hover {
|
||||
border-right-width: 1px;
|
||||
|
||||
+ .BtnGroup-item,
|
||||
+ .BtnGroup-form .BtnGroup-item {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.BtnGroup-form {
|
||||
float: left;
|
||||
|
||||
&:first-child .BtnGroup-item {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
|
||||
&:last-child .BtnGroup-item {
|
||||
border-right-width: 1px;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.BtnGroup-item {
|
||||
border-right-width: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
&.selected,
|
||||
&:focus,
|
||||
&:active,
|
||||
&:hover {
|
||||
.BtnGroup-item {
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
+ .BtnGroup-item,
|
||||
+ .BtnGroup-form .BtnGroup-item {
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
204
node_modules/primer-buttons/lib/button.scss
generated
vendored
Normal file
204
node_modules/primer-buttons/lib/button.scss
generated
vendored
Normal file
@@ -0,0 +1,204 @@
|
||||
// stylelint-disable selector-no-type, block-opening-brace-space-before, no-duplicate-selectors
|
||||
|
||||
// Base button styles
|
||||
.btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
font-size: $body-font-size;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 20px; // Specifically not inherit our `<body>` default
|
||||
white-space: nowrap;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
background-repeat: repeat-x;
|
||||
background-position: -1px -1px;
|
||||
background-size: 110% 110%;
|
||||
border: 1px solid transparentize($black, 0.8);
|
||||
border-radius: 0.25em;
|
||||
appearance: none; // Corrects inability to style clickable `input` types in iOS.
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.octicon {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
// Darken for just a tad more contrast against the button background
|
||||
.Counter {
|
||||
color: $gray-600;
|
||||
text-shadow: none;
|
||||
background-color: rgba($black, 0.1);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
cursor: default;
|
||||
// Repeat `background-position` because `:hover`
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.selected {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); }
|
||||
.btn-primary { @include btn-solid($text-white, $green-400, $green-500); }
|
||||
.btn-purple { @include btn-solid($text-white, lighten($purple-500, 5%), darken($purple-500, 5%)); }
|
||||
.btn-blue { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); }
|
||||
.btn-danger { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); }
|
||||
|
||||
// Outline button
|
||||
//
|
||||
// For when we need a linky-action that's not too heavy in busier
|
||||
// areas like conversation timelines.
|
||||
.btn-outline {
|
||||
@include btn-outline($text-blue);
|
||||
}
|
||||
|
||||
// Social button count
|
||||
.btn-with-count {
|
||||
float: left;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
|
||||
// Minibutton overrides
|
||||
//
|
||||
// Tweak `line-height` to make them smaller.
|
||||
.btn-sm {
|
||||
padding: 3px 10px;
|
||||
font-size: $font-size-small;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
// Large button adds more padding around text. Use font-size utils to increase font-size.. e.g, <p class="text-gamma"><button class="btn btn-large btn-primary" type="button">Big green button</button></p>
|
||||
.btn-large {
|
||||
padding: 0.75em 1.25em;
|
||||
font-size: inherit;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
// Hidden text button
|
||||
//
|
||||
// Use `.hidden-text-expander` to indicate and expand hidden text.
|
||||
.hidden-text-expander {
|
||||
display: block;
|
||||
|
||||
&.inline {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
display: inline-block;
|
||||
margin-left: 5px;
|
||||
line-height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden-text-expander a,
|
||||
.ellipsis-expander {
|
||||
display: inline-block;
|
||||
height: 12px;
|
||||
padding: 0 5px 5px;
|
||||
font-size: 12px;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 6px;
|
||||
color: $gray-700;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
background: lighten($gray-300, 5%);
|
||||
border: 0;
|
||||
border-radius: 1px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background-color: darken($gray-300, 4%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $text-white;
|
||||
background-color: $blue-400;
|
||||
}
|
||||
}
|
||||
|
||||
// Social count bubble
|
||||
//
|
||||
// A container that is used for social bubbles counts.
|
||||
.social-count {
|
||||
float: left;
|
||||
padding: 3px 10px;
|
||||
font-size: $font-size-small;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 20px;
|
||||
color: $text-gray-dark;
|
||||
vertical-align: middle;
|
||||
background-color: $bg-white;
|
||||
border: 1px solid transparentize($black, 0.8); // match with .btn
|
||||
border-left: 0;
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $text-blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Full-width button
|
||||
//
|
||||
// These buttons expand to the full width of their parent container
|
||||
.btn-block {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Radio buttons
|
||||
//
|
||||
// Buttons backed by radio or checkbox control. Requires the use of `.hidden`
|
||||
// on the `input` to properly hide it.
|
||||
.btn-link {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
color: $text-blue;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
appearance: none; // Corrects inability to style clickable `input` types in iOS.
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
&,
|
||||
&:hover {
|
||||
color: rgba($gray-600, 0.5);
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
71
node_modules/primer-buttons/package.json
generated
vendored
Normal file
71
node_modules/primer-buttons/package.json
generated
vendored
Normal file
@@ -0,0 +1,71 @@
|
||||
{
|
||||
"_from": "primer-buttons@^2.0.5",
|
||||
"_id": "primer-buttons@2.0.5",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-C97B8QLf+yPv8RKXHyng2DajAog=",
|
||||
"_location": "/primer-buttons",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-buttons@^2.0.5",
|
||||
"name": "primer-buttons",
|
||||
"escapedName": "primer-buttons",
|
||||
"rawSpec": "^2.0.5",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^2.0.5"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-core",
|
||||
"/primer-css"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.0.5.tgz",
|
||||
"_shasum": "0bdec1f102dffb23eff112971f29e0d836a30288",
|
||||
"_spec": "primer-buttons@^2.0.5",
|
||||
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
|
||||
"author": {
|
||||
"name": "GitHub, Inc."
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/primer/primer-css/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"dependencies": {
|
||||
"primer-support": "^4.0.6"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "A collection of buttons used for primary and secondary actions.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"primercss",
|
||||
"buttons",
|
||||
"styles"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-buttons",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-buttons"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "primer-module-build index.scss",
|
||||
"prepare": "npm run build",
|
||||
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
|
||||
},
|
||||
"style": "index.scss",
|
||||
"version": "2.0.5"
|
||||
}
|
||||
Reference in New Issue
Block a user