mirror of
https://github.com/zhigang1992/probot.github.io.git
synced 2026-01-12 09:14:23 +08:00
Initial hacky version of site
This commit is contained in:
Brandon Keepers
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
.jekyll-metadata
|
||||
_site
|
||||
13
Gemfile
Normal file
13
Gemfile
Normal file
@@ -0,0 +1,13 @@
|
||||
source 'https://rubygems.org'
|
||||
|
||||
require 'json'
|
||||
require 'open-uri'
|
||||
versions = JSON.parse(open('https://pages.github.com/versions.json').read)
|
||||
|
||||
group :jekyll_plugins do
|
||||
gem 'github-pages', versions['github-pages']
|
||||
gem 'jekyll-octicons'
|
||||
gem 'jekyll-livereload'
|
||||
end
|
||||
|
||||
gem 'rb-fsevent', '0.9.8' # See issue https://github.com/guard/listen/issues/431
|
||||
217
Gemfile.lock
Normal file
217
Gemfile.lock
Normal file
@@ -0,0 +1,217 @@
|
||||
GEM
|
||||
remote: https://rubygems.org/
|
||||
specs:
|
||||
activesupport (4.2.8)
|
||||
i18n (~> 0.7)
|
||||
minitest (~> 5.1)
|
||||
thread_safe (~> 0.3, >= 0.3.4)
|
||||
tzinfo (~> 1.1)
|
||||
addressable (2.5.1)
|
||||
public_suffix (~> 2.0, >= 2.0.2)
|
||||
coffee-script (2.4.1)
|
||||
coffee-script-source
|
||||
execjs
|
||||
coffee-script-source (1.12.2)
|
||||
colorator (1.1.0)
|
||||
em-websocket (0.5.1)
|
||||
eventmachine (>= 0.12.9)
|
||||
http_parser.rb (~> 0.6.0)
|
||||
ethon (0.10.1)
|
||||
ffi (>= 1.3.0)
|
||||
eventmachine (1.2.3)
|
||||
execjs (2.7.0)
|
||||
faraday (0.12.1)
|
||||
multipart-post (>= 1.2, < 3)
|
||||
ffi (1.9.18)
|
||||
forwardable-extended (2.6.0)
|
||||
gemoji (3.0.0)
|
||||
github-pages (140)
|
||||
activesupport (= 4.2.8)
|
||||
github-pages-health-check (= 1.3.4)
|
||||
jekyll (= 3.4.3)
|
||||
jekyll-avatar (= 0.4.2)
|
||||
jekyll-coffeescript (= 1.0.1)
|
||||
jekyll-default-layout (= 0.1.4)
|
||||
jekyll-feed (= 0.9.2)
|
||||
jekyll-gist (= 1.4.0)
|
||||
jekyll-github-metadata (= 2.3.1)
|
||||
jekyll-mentions (= 1.2.0)
|
||||
jekyll-optional-front-matter (= 0.1.2)
|
||||
jekyll-paginate (= 1.1.0)
|
||||
jekyll-readme-index (= 0.1.0)
|
||||
jekyll-redirect-from (= 0.12.1)
|
||||
jekyll-relative-links (= 0.4.0)
|
||||
jekyll-sass-converter (= 1.5.0)
|
||||
jekyll-seo-tag (= 2.2.3)
|
||||
jekyll-sitemap (= 1.0.0)
|
||||
jekyll-swiss (= 0.4.0)
|
||||
jekyll-theme-architect (= 0.0.4)
|
||||
jekyll-theme-cayman (= 0.0.4)
|
||||
jekyll-theme-dinky (= 0.0.4)
|
||||
jekyll-theme-hacker (= 0.0.4)
|
||||
jekyll-theme-leap-day (= 0.0.4)
|
||||
jekyll-theme-merlot (= 0.0.4)
|
||||
jekyll-theme-midnight (= 0.0.4)
|
||||
jekyll-theme-minimal (= 0.0.4)
|
||||
jekyll-theme-modernist (= 0.0.4)
|
||||
jekyll-theme-primer (= 0.2.1)
|
||||
jekyll-theme-slate (= 0.0.4)
|
||||
jekyll-theme-tactile (= 0.0.4)
|
||||
jekyll-theme-time-machine (= 0.0.4)
|
||||
jekyll-titles-from-headings (= 0.1.5)
|
||||
jemoji (= 0.8.0)
|
||||
kramdown (= 1.13.2)
|
||||
liquid (= 3.0.6)
|
||||
listen (= 3.0.6)
|
||||
mercenary (~> 0.3)
|
||||
minima (= 2.1.1)
|
||||
rouge (= 1.11.1)
|
||||
terminal-table (~> 1.4)
|
||||
github-pages-health-check (1.3.4)
|
||||
addressable (~> 2.3)
|
||||
net-dns (~> 0.8)
|
||||
octokit (~> 4.0)
|
||||
public_suffix (~> 2.0)
|
||||
typhoeus (~> 0.7)
|
||||
html-pipeline (2.6.0)
|
||||
activesupport (>= 2)
|
||||
nokogiri (>= 1.4)
|
||||
http_parser.rb (0.6.0)
|
||||
i18n (0.8.4)
|
||||
jekyll (3.4.3)
|
||||
addressable (~> 2.4)
|
||||
colorator (~> 1.0)
|
||||
jekyll-sass-converter (~> 1.0)
|
||||
jekyll-watch (~> 1.1)
|
||||
kramdown (~> 1.3)
|
||||
liquid (~> 3.0)
|
||||
mercenary (~> 0.3.3)
|
||||
pathutil (~> 0.9)
|
||||
rouge (~> 1.7)
|
||||
safe_yaml (~> 1.0)
|
||||
jekyll-avatar (0.4.2)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-coffeescript (1.0.1)
|
||||
coffee-script (~> 2.2)
|
||||
jekyll-default-layout (0.1.4)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-feed (0.9.2)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-gist (1.4.0)
|
||||
octokit (~> 4.2)
|
||||
jekyll-github-metadata (2.3.1)
|
||||
jekyll (~> 3.1)
|
||||
octokit (~> 4.0, != 4.4.0)
|
||||
jekyll-livereload (0.2.2)
|
||||
em-websocket (~> 0.5)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-mentions (1.2.0)
|
||||
activesupport (~> 4.0)
|
||||
html-pipeline (~> 2.3)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-octicons (3.0.1)
|
||||
jekyll (~> 3.1)
|
||||
octicons (~> 3.0)
|
||||
jekyll-optional-front-matter (0.1.2)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-paginate (1.1.0)
|
||||
jekyll-readme-index (0.1.0)
|
||||
jekyll (~> 3.0)
|
||||
jekyll-redirect-from (0.12.1)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-relative-links (0.4.0)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-sass-converter (1.5.0)
|
||||
sass (~> 3.4)
|
||||
jekyll-seo-tag (2.2.3)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-sitemap (1.0.0)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-swiss (0.4.0)
|
||||
jekyll-theme-architect (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-cayman (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-dinky (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-hacker (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-leap-day (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-merlot (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-midnight (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-minimal (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-modernist (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-primer (0.2.1)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-slate (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-tactile (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-theme-time-machine (0.0.4)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-titles-from-headings (0.1.5)
|
||||
jekyll (~> 3.3)
|
||||
jekyll-watch (1.5.0)
|
||||
listen (~> 3.0, < 3.1)
|
||||
jemoji (0.8.0)
|
||||
activesupport (~> 4.0)
|
||||
gemoji (~> 3.0)
|
||||
html-pipeline (~> 2.2)
|
||||
jekyll (>= 3.0)
|
||||
json (2.0.3)
|
||||
kramdown (1.13.2)
|
||||
liquid (3.0.6)
|
||||
listen (3.0.6)
|
||||
rb-fsevent (>= 0.9.3)
|
||||
rb-inotify (>= 0.9.7)
|
||||
mercenary (0.3.6)
|
||||
mini_portile2 (2.2.0)
|
||||
minima (2.1.1)
|
||||
jekyll (~> 3.3)
|
||||
minitest (5.10.2)
|
||||
multipart-post (2.0.0)
|
||||
net-dns (0.8.0)
|
||||
nokogiri (1.8.0)
|
||||
mini_portile2 (~> 2.2.0)
|
||||
octicons (3.0.1)
|
||||
nokogiri (>= 1.6.3.1)
|
||||
octokit (4.7.0)
|
||||
sawyer (~> 0.8.0, >= 0.5.3)
|
||||
pathutil (0.14.0)
|
||||
forwardable-extended (~> 2.6)
|
||||
public_suffix (2.0.5)
|
||||
rb-fsevent (0.9.8)
|
||||
rb-inotify (0.9.10)
|
||||
ffi (>= 0.5.0, < 2)
|
||||
rouge (1.11.1)
|
||||
safe_yaml (1.0.4)
|
||||
sass (3.4.24)
|
||||
sawyer (0.8.1)
|
||||
addressable (>= 2.3.5, < 2.6)
|
||||
faraday (~> 0.8, < 1.0)
|
||||
terminal-table (1.8.0)
|
||||
unicode-display_width (~> 1.1, >= 1.1.1)
|
||||
thread_safe (0.3.6)
|
||||
typhoeus (0.8.0)
|
||||
ethon (>= 0.8.0)
|
||||
tzinfo (1.2.3)
|
||||
thread_safe (~> 0.1)
|
||||
unicode-display_width (1.3.0)
|
||||
|
||||
PLATFORMS
|
||||
ruby
|
||||
|
||||
DEPENDENCIES
|
||||
github-pages (= 140)
|
||||
jekyll-livereload
|
||||
jekyll-octicons
|
||||
json
|
||||
rb-fsevent (= 0.9.8)
|
||||
|
||||
BUNDLED WITH
|
||||
1.14.6
|
||||
33
_config.yml
Normal file
33
_config.yml
Normal file
@@ -0,0 +1,33 @@
|
||||
title: Probot
|
||||
description:
|
||||
permalink: pretty
|
||||
|
||||
exclude:
|
||||
- Gemfile*
|
||||
- node_modules
|
||||
- package.json
|
||||
- package-lock.json
|
||||
- README.md
|
||||
- node_modules
|
||||
|
||||
sass:
|
||||
style: :compressed
|
||||
sass_dir: _sass
|
||||
load_paths:
|
||||
- node_modules
|
||||
- node_modules/**/*/node_modules
|
||||
|
||||
collections:
|
||||
plugins:
|
||||
output: true
|
||||
permalink: /apps/:name/
|
||||
|
||||
defaults:
|
||||
- scope:
|
||||
path: ""
|
||||
type: plugins
|
||||
values:
|
||||
layout: plugin
|
||||
|
||||
gems:
|
||||
- jekyll-octicons
|
||||
12
_layouts/default.html
Normal file
12
_layouts/default.html
Normal file
@@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" href="/assets/css/index.css">
|
||||
<link rel="stylesheet" href="/assets/css/syntax.css">
|
||||
</head>
|
||||
<body>
|
||||
{{ content }}
|
||||
</body>
|
||||
</html>
|
||||
89
_layouts/plugin.html
Normal file
89
_layouts/plugin.html
Normal file
@@ -0,0 +1,89 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="border-bottom bg-brand-blue-light">
|
||||
<div class="container-lg px-3">
|
||||
<div class="py-3 clearfix">
|
||||
<h1 class="h3 float-left">
|
||||
<img src="/assets/probot-head.png" width="32" alt="">
|
||||
<strong class="">Probot</strong>
|
||||
</h1>
|
||||
<nav class="text-bold d-block float-right">
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Explore</a>
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Build</a>
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Contribute</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-bottom">
|
||||
<div class="container-lg px-3 jumbotron jumbotron-minitron">
|
||||
<div class="d-flex d-flex-row gutter-spacious flex-items-center">
|
||||
<div class="flex-column col-3 text-center cover position-relative rounded-2"
|
||||
style="background-image: url({{ page.background }}); background-size: cover; background-position: center;">
|
||||
</div>
|
||||
<div class="flex-column col-7">
|
||||
<h1 class="alt-h1 lh-condensed-ultra">{{ page.title }}</h1>
|
||||
<p class="text-gray">{{ page.description }}</p>
|
||||
</div>
|
||||
<div class="flex-column col-2 text-right">
|
||||
<a class="btn btn-primary btn-large" href="https://github.com/apps/{{ page.slug }}/installations/new">Install</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<div class="container-lg px-3 py-6">
|
||||
<div class="d-flex flex-row-reverse d-flex-row gutter-spacious">
|
||||
<div class="flex-coumn col-9">
|
||||
<div class="mb-6 bg-white">
|
||||
<div class="d-flex flex-items-center flex-justify-center">
|
||||
{% for screenshot in page.screenshots limit:1 %}
|
||||
<img src="{{ screenshot }}" style="max-width:100%; max-height:100%;">
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="d-flex flex-items-center flex-justify-center p-2">
|
||||
{% for screenshot in page.screenshots %}
|
||||
<div class="rounded border mx-1" style="width:125px; height: 70px; background-image: url({{ screenshot }}); background-size: cover; background-position: center;">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-column col-3">
|
||||
<h4 class="alt-h4 text-gray">Topics</h4>
|
||||
{% for topic in page.topics %}
|
||||
<a class="bg-blue-light rounded-2 px-2 py-1" href="#">#{{ topic }}</a>
|
||||
{% endfor %}
|
||||
|
||||
<h4 class="mt-4 alt-h4 text-gray">About</h4>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||||
<p><span class="text-gray-light">Updated:</span> June 12, 2017</p>
|
||||
<p><strong>{{ page.installs | default: 0 }}</strong> <span class="text-gray-light">installs</span></p>
|
||||
<p><strong>{{ page.stars | default: 0 }}</strong> <span class="text-gray-light">stars</span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="py-6">
|
||||
<div class="container-lg px-3">
|
||||
<div class="d-flex flex-row-reverse d-flex-row gutter-spacious">
|
||||
<div class="flex-coumn col-9">
|
||||
<div class="markdown-body">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-column col-3">
|
||||
<h4 class="mt-4 alt-h4 text-gray">This App is used by</h4>
|
||||
{% for organization in page.organizations %}
|
||||
<a href="https://github.com/{{ organization }}"><img class="avatar avatar-group-item" src="https://github.com/{{ organization }}.png" height="35"></a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
91
_plugins/config.md
Normal file
91
_plugins/config.md
Normal file
@@ -0,0 +1,91 @@
|
||||
---
|
||||
title: Settings
|
||||
description: Pull Requests for repository settings
|
||||
slug: configurer
|
||||
octicon: gear
|
||||
color: F0B446
|
||||
background: http://media.istockphoto.com/vectors/bright-yellow-and-grey-office-or-waiting-room-vector-id534481994
|
||||
topics:
|
||||
- administration
|
||||
---
|
||||
|
||||
This GitHub Integration syncs repository settings defined in `.github/config.yml` to GitHub, enabling Pull Requests for repository settings.
|
||||
|
||||
## Usage
|
||||
|
||||
1. **[Install the integration](https://github.com/integrations/configurer/installations/new)**.
|
||||
2. Create a `.github/config.yml` file in your repository. Changes to this file on the default branch will be synced to GitHub.
|
||||
|
||||
All settings are optional.
|
||||
|
||||
```yaml
|
||||
repository:
|
||||
# See https://developer.github.com/v3/repos/#edit for all available settings.
|
||||
|
||||
# The name of the repository. Changing this will rename the repository
|
||||
name: repo-name
|
||||
|
||||
# A short description of the repository that will show up on GitHub
|
||||
description: description of repo
|
||||
|
||||
# A URL with more information about the repository
|
||||
homepage: https://example.github.io/
|
||||
|
||||
# Either `true` to make the repository private, or `false` to make it public.
|
||||
private: false
|
||||
|
||||
# Either `true` to enable issues for this repository, `false` to disable them.
|
||||
has_issues: true
|
||||
|
||||
# Either `true` to enable the wiki for this repository, `false` to disable it.
|
||||
has_wiki: true
|
||||
|
||||
# Either `true` to enable downloads for this repository, `false` to disable them.
|
||||
has_downloads: true
|
||||
|
||||
# Updates the default branch for this repository.
|
||||
default_branch: master
|
||||
|
||||
# Either `true` to allow squash-merging pull requests, or `false` to prevent
|
||||
# squash-merging.
|
||||
allow_squash_merge: true
|
||||
|
||||
# Either `true` to allow merging pull requests with a merge commit, or `false`
|
||||
# to prevent merging pull requests with merge commits.
|
||||
allow_merge_commit: true
|
||||
|
||||
# Either `true` to allow rebase-merging pull requests, or `false` to prevent
|
||||
# rebase-merging.
|
||||
allow_rebase_merge: true
|
||||
|
||||
# Labels: define labels for Issues and Pull Requests
|
||||
labels:
|
||||
- name: bug
|
||||
color: CC0000
|
||||
- name: feature
|
||||
color: 336699
|
||||
- name: first-timers-only
|
||||
# include the old name to rename and existing label
|
||||
oldname: Help Wanted
|
||||
|
||||
# Collaborators: give specific users access to this repository.
|
||||
collaborators:
|
||||
- username: bkeepers
|
||||
# Note: Only valid on organization-owned repositories.
|
||||
# The permission to grant the collaborator. Can be one of:
|
||||
# * `pull` - can pull, but not push to or administer this repository.
|
||||
# * `push` - can pull and push, but not administer this repository.
|
||||
# * `admin` - can pull, push and administer this repository.
|
||||
permission: push
|
||||
|
||||
- username: hubot
|
||||
permission: pull
|
||||
|
||||
- username:
|
||||
permission: pull
|
||||
|
||||
```
|
||||
|
||||
**WARNING:** Note that this integration inherently _escalates anyone with `push` permissions to the **admin** role_, since they can push config settings to the `master` branch, which will be synced. In the future, we may add restrictions to allow changes to the config file to be merged only by specific people/teams, or those with **admin** access _(via a combination of protected branches, required statuses, and branch restrictions)_. Until then, use caution when merging PRs and adding collaborators.
|
||||
|
||||
This integration is open source. Check out [probot/configurer](https://github.com/probot/configurer) to suggest improvements or run your own instance.
|
||||
47
_plugins/dco.md
Normal file
47
_plugins/dco.md
Normal file
@@ -0,0 +1,47 @@
|
||||
---
|
||||
title: Certificate of Origin
|
||||
description: enforce the DCO on Pull Requests
|
||||
slug: dco
|
||||
octicon: law
|
||||
color: 89A4C7
|
||||
background: http://media.istockphoto.com/vectors/coming-soon-vector-id616221958
|
||||
screenshots:
|
||||
- https://cloud.githubusercontent.com/assets/173/24482273/a35dc23e-14b5-11e7-9371-fd241873e2c3.png
|
||||
stars: 142
|
||||
installs: 48
|
||||
organizations:
|
||||
- linuxfoundation
|
||||
- kubernetes
|
||||
- nodejs
|
||||
---
|
||||
|
||||
|
||||
The Developer Certificate of Origin (DCO) is a lightweight way for contributors to certify that they wrote or otherwise have the right to submit the code they are contributing to the project. Here is the full [text of the DCO](https://developercertificate.org/), reformatted for readability:
|
||||
|
||||
> By making a contribution to this project, I certify that:
|
||||
>
|
||||
> 1. The contribution was created in whole or in part by me and I have the right to submit it under the open source license indicated in the file; or
|
||||
>
|
||||
> 2. The contribution is based upon previous work that, to the best of my knowledge, is covered under an appropriate open source license and I have the right under that license to submit that work with modifications, whether created in whole or in part by me, under the same open source license (unless I am permitted to submit under a different license), as indicated in the file; or
|
||||
>
|
||||
> 3. The contribution was provided directly to me by some other person who certified (a), (b) or (c) and I have not modified it.
|
||||
>
|
||||
> 4. I understand and agree that this project and the contribution are public and that a record of the contribution (including all personal information I submit with it, including my sign-off) is maintained indefinitely and may be redistributed consistent with this project or the open source license(s) involved.
|
||||
|
||||
Contributors _sign-off_ that they adhere to these requirements by adding a `Signed-off-by` line to commit messages.
|
||||
|
||||
```
|
||||
This is my commit message
|
||||
|
||||
Signed-off-by: Random J Developer <random@developer.example.org>
|
||||
```
|
||||
|
||||
Git even has a `-s` command line option to append this automatically to your commit message:
|
||||
|
||||
```
|
||||
$ git commit -s -m 'This is my commit message'
|
||||
```
|
||||
|
||||
Once [installed](#usage), this integration will set the [status](https://developer.github.com/v3/repos/statuses/) to `failed` if commits in a Pull Request do not contain a valid `Signed-off-by` line.
|
||||
|
||||
|
||||
8
_plugins/duplicate-issues.md
Normal file
8
_plugins/duplicate-issues.md
Normal file
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: Duplicate Issues
|
||||
description: Identify duplicate issues
|
||||
slug: dup
|
||||
octicon: issue-closed
|
||||
color: FEF9EB
|
||||
background: http://media.istockphoto.com/vectors/umbrella-vector-id518180852
|
||||
---
|
||||
42
_plugins/stale.md
Normal file
42
_plugins/stale.md
Normal file
@@ -0,0 +1,42 @@
|
||||
---
|
||||
title: Stale
|
||||
description: close stale Issues and Pull Requests
|
||||
slug: probot-stale
|
||||
octicon: clock
|
||||
color: DAECE3
|
||||
background: http://media.istockphoto.com/vectors/giving-vector-id517930622
|
||||
screenshots:
|
||||
- https://user-images.githubusercontent.com/173/27765695-4c016050-5e7e-11e7-9016-c2f6d8c27da4.png
|
||||
- https://user-images.githubusercontent.com/173/27765705-93f94940-5e7e-11e7-8527-3a91bb64ca70.png
|
||||
topics:
|
||||
- project-management
|
||||
organizations:
|
||||
- atom
|
||||
- rails
|
||||
- homebrew
|
||||
- exercism
|
||||
- github
|
||||
- npm
|
||||
---
|
||||
|
||||
After installing the integration, create `.github/stale.yml` in the default branch to enable it:
|
||||
|
||||
```yml
|
||||
# Number of days of inactivity before an issue becomes stale
|
||||
daysUntilStale: 60
|
||||
# Number of days of inactivity before a stale issue is closed
|
||||
daysUntilClose: 7
|
||||
# Issues with these labels will never be considered stale
|
||||
exemptLabels:
|
||||
- pinned
|
||||
- security
|
||||
# Label to use when marking an issue as stale
|
||||
staleLabel: wontfix
|
||||
# Comment to post when marking an issue as stale. Set to `false` to disable
|
||||
markComment: >
|
||||
This issue has been automatically marked as stale because it has not had
|
||||
recent activity. It will be closed if no further activity occurs. Thank you
|
||||
for your contributions.
|
||||
# Comment to post when closing a stale issue. Set to `false` to disable
|
||||
closeComment: false
|
||||
```
|
||||
8
_plugins/wip.md
Normal file
8
_plugins/wip.md
Normal file
@@ -0,0 +1,8 @@
|
||||
---
|
||||
title: Work In Progress
|
||||
description: Prevent merging of unfinished Pull Requests
|
||||
slug: wip
|
||||
octicon: alert
|
||||
color: D96858
|
||||
background: http://media.istockphoto.com/vectors/hanging-light-bulbs-with-glowing-one-on-yellow-background-vector-id516323432
|
||||
---
|
||||
15
_sass/colors.scss
Normal file
15
_sass/colors.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
$brand: (red, #DE513E),
|
||||
(blue, #4CACD5),
|
||||
(blue-dark, darken(#4CACD5, 45%)),
|
||||
(blue-light, lighten(#B7DDE3, 15%)),
|
||||
(orange, #F2BE6D);
|
||||
|
||||
@each $name, $color in $brand {
|
||||
.bg-brand-#{"" + $name} {
|
||||
background-color: $color;
|
||||
}
|
||||
|
||||
.text-brand-#{"" + $name} {
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
76
assets/css/index.scss
Normal file
76
assets/css/index.scss
Normal file
@@ -0,0 +1,76 @@
|
||||
---
|
||||
---
|
||||
|
||||
@import "primer-css/index.scss";
|
||||
@import "colors.scss";
|
||||
|
||||
.featurette {
|
||||
padding-top: $spacer * 10;
|
||||
padding-bottom: $spacer * 10;
|
||||
}
|
||||
|
||||
.circle-badge {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
line-height: 72px;
|
||||
background-color: rgba(#fff, 0.85);
|
||||
color: $text-gray-dark;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.octicon {
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.cover {
|
||||
height: 140px;
|
||||
& * {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.cover-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
padding: $spacer-3;
|
||||
}
|
||||
code {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
|
||||
.timeline-comment {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.timeline-comment:before {
|
||||
border-width: 8px;
|
||||
border-right-color: #d1d5da;
|
||||
}
|
||||
.timeline-comment:after {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
right: 100%;
|
||||
left: -16px;
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
pointer-events: none;
|
||||
content: " ";
|
||||
border-color: transparent;
|
||||
border-style: solid solid outset;
|
||||
}
|
||||
60
assets/css/syntax.css
Normal file
60
assets/css/syntax.css
Normal file
@@ -0,0 +1,60 @@
|
||||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
BIN
assets/logo.png
Normal file
BIN
assets/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
BIN
assets/probot-head.png
Normal file
BIN
assets/probot-head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
115
index.html
Normal file
115
index.html
Normal file
@@ -0,0 +1,115 @@
|
||||
---
|
||||
layout: default
|
||||
---
|
||||
<div class="bg-brand-blue-light border-bottom">
|
||||
<div class="container-lg px-3">
|
||||
<div class="py-3 clearfix">
|
||||
<nav class="text-bold d-block float-right">
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Explore</a>
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Build</a>
|
||||
<a class="text-inherit px-2 d-inline-block" href="#">Contribute</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<header class="jumbotron ">
|
||||
<div class="pb-0 pt-md-4 py-lg-6">
|
||||
<div class="d-flex flex-items-center flex-justify-center">
|
||||
<div class="flex-column col-2">
|
||||
<img style="max-width:90%;" src="/assets/logo.png">
|
||||
</div>
|
||||
<div class="flex-column col-10">
|
||||
<h1 class="alt-h1 mt-md-4 mb-3 mx-2 lh-condensed">
|
||||
Stop relying on a human<br>
|
||||
to do the work of a robot.
|
||||
</h1>
|
||||
<div class="alt-lead mb-5 mx-2 lh-condensed" style="opacity:0.5;">GitHub Apps to automate and improve your workflow</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="container-lg py-6">
|
||||
<div class="columns">
|
||||
{% for plugin in site.plugins %}
|
||||
<div class="column one-third anim-fade-in mb-4">
|
||||
<a href="{{ plugin.url }}" class="d-block bg-white rounded-1 box-shadow border text-inherit no-underline"
|
||||
style="background-color: #{{ plugin.color }}">
|
||||
<div class="cover text-center position-relative p-4">
|
||||
<div class="cover-bg" style="background-image: url({{ plugin.background }});"></div>
|
||||
</div>
|
||||
<h3 class="lh-condensed px-3 pt-3">{{ plugin.title }}</h3>
|
||||
<p class="lh-condensed px-3 pb-3">{{ plugin.description }}</p>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="border-top bg-gray-light featurette">
|
||||
<div class="container-lg">
|
||||
<h2 class="alt-h1 text-center">Build your own bot</h2>
|
||||
<p class="alt-lead text-center mb-6">Something about how easy it is to get started.</p>
|
||||
|
||||
<div class="mt-6">
|
||||
<div class="d-flex flex-column flex-md-row flex-items-center flex-md-items-center my-4">
|
||||
<div class="col-6 d-flex flex-column pr-6">
|
||||
<h3 class="alt-h3 mb-2">Easily scriptable:</h3>
|
||||
<p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
<div class="col-6 d-flex flex-column">
|
||||
<div class="rounded-2 overflow-hidden border" style="margin-left: 60px;">
|
||||
{% highlight javascript %}
|
||||
module.exports = robot => {
|
||||
robot.on('issues.opened', context => {
|
||||
const params = context.issue({
|
||||
body: 'Hello World!'
|
||||
});
|
||||
context.github.issues.createComment(params);
|
||||
});
|
||||
}
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
|
||||
<div class="mt-6">
|
||||
<img src="https://github.com/probot.png" height="44" class="avatar rounded-1 float-left">
|
||||
<div class="timeline-comment box rounded-2 border bg-white" style="margin-left: 60px;">
|
||||
<div class="bg-gray px-3 py-2 border-bottom">
|
||||
<strong>@probot</strong> commented
|
||||
</div>
|
||||
<p class="m-0 p-3">Hello World!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="mt-6">
|
||||
<div class="d-flex flex-column flex-md-row flex-items-center flex-md-items-center my-4">
|
||||
<div class="col-6 d-flex flex-column pr-6">
|
||||
<img src="https://assets-cdn.github.com/images/modules/site/home-illo-business.svg" class="d-block width-fit mx-auto mb-4">
|
||||
</div>
|
||||
<div class="col-6 d-flex flex-column pr-6">
|
||||
<h3 class="alt-h3 mb-2">Full access to the GitHub API</h3>
|
||||
<p class="">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<h3>Somethign cool about it</h3>
|
||||
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
|
||||
<h3>Somethign cool about it</h3>
|
||||
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
|
||||
|
||||
<h3>Somethign cool about it</h3>
|
||||
<p> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum..</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-dark mt-6 pt-6" style="height: 300px;">
|
||||
</div>
|
||||
95
node_modules/primer-alerts/CHANGELOG.md
generated
vendored
Normal file
95
node_modules/primer-alerts/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,95 @@
|
||||
# v1.1.2
|
||||
|
||||
* patch bump - broccolini [github/github@3c26562](https://github.com/github/github/commit/3c26562)
|
||||
|
||||
# v1.1.1
|
||||
|
||||
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
|
||||
|
||||
# v1.1.0
|
||||
|
||||
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
|
||||
* missed a yellow in flash alerts: - broccolini [github/github@8725991](https://github.com/github/github/commit/8725991)
|
||||
* update flash red variables - broccolini [github/github@2945319](https://github.com/github/github/commit/2945319)
|
||||
* yellow flash warn variables - broccolini [github/github@5b64376](https://github.com/github/github/commit/5b64376)
|
||||
* new flash green variables - broccolini [github/github@80401a0](https://github.com/github/github/commit/80401a0)
|
||||
* update blues: - broccolini [github/github@9b191b6](https://github.com/github/github/commit/9b191b6)
|
||||
|
||||
# v1.0.2
|
||||
|
||||
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
|
||||
|
||||
# v1.0.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)
|
||||
|
||||
# v1.0.0
|
||||
|
||||
* updating versions after running version script - broccolini [github/github@61b8c6f](https://github.com/github/github/commit/61b8c6f)
|
||||
* Some updates based on feedback - Jon Rohan [github/github@8a4919d](https://github.com/github/github/commit/8a4919d)
|
||||
|
||||
# v0.4.0
|
||||
|
||||
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
|
||||
* 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)
|
||||
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
||||
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
|
||||
|
||||
# v0.3.0
|
||||
|
||||
* 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)
|
||||
* Lots of refactoring and tests written - Jon Rohan [github/github@6e3ac10](https://github.com/github/github/commit/6e3ac10)
|
||||
* 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)
|
||||
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
|
||||
|
||||
# v0.2.6
|
||||
|
||||
* Including build in files - Jon Rohan [github/github@817ee23](https://github.com/github/github/commit/817ee23)
|
||||
|
||||
# v0.2.5
|
||||
|
||||
* skipping cleanup - Jon Rohan [github/github@d6b3678](https://github.com/github/github/commit/d6b3678)
|
||||
|
||||
# v0.2.4
|
||||
|
||||
* Bump version, and including build/build.css in npm package - Jon Rohan [github/github@09cb3a3](https://github.com/github/github/commit/09cb3a3)
|
||||
* setup unless installed - Jon Rohan [github/github@a798fb0](https://github.com/github/github/commit/a798fb0)
|
||||
* Using a simplier script setup - Jon Rohan [github/github@be103f4](https://github.com/github/github/commit/be103f4)
|
||||
* Renaming to compile - Jon Rohan [github/github@196d7ef](https://github.com/github/github/commit/196d7ef)
|
||||
* 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)
|
||||
* Remove partial underscore from name - Jon Rohan [github/github@e463779](https://github.com/github/github/commit/e463779)
|
||||
* Some cleanup on the readme - Jon Rohan [github/github@74850d5](https://github.com/github/github/commit/74850d5)
|
||||
* 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
|
||||
|
||||
* Updating support dependency versions - Jon Rohan [github/github@76d97ec](https://github.com/github/github/commit/76d97ec)
|
||||
* Moving primer/primer alerts to a module - Jon Rohan [github/github@1f434c1](https://github.com/github/github/commit/1f434c1)
|
||||
21
node_modules/primer-alerts/LICENSE
generated
vendored
Normal file
21
node_modules/primer-alerts/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.
|
||||
151
node_modules/primer-alerts/README.md
generated
vendored
Normal file
151
node_modules/primer-alerts/README.md
generated
vendored
Normal file
@@ -0,0 +1,151 @@
|
||||
# Primer CSS Alerts
|
||||
|
||||
[](https://www.npmjs.org/package/primer-alerts)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
|
||||
|
||||
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-alerts` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-alerts
|
||||
```
|
||||
|
||||
## 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-alerts/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: Alerts
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don't show more than one at a time.
|
||||
|
||||
## Default
|
||||
|
||||
Flash messages start off looking decently neutral—they're just light blue rounded rectangles.
|
||||
|
||||
```html
|
||||
<div class="flash">
|
||||
Flash message goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
You can put multiple paragraphs of text in a flash message—the last paragraph's bottom `margin` will be automatically override.
|
||||
|
||||
```html
|
||||
<div class="flash">
|
||||
<p>This is a longer flash message in it's own paragraph. It ends up looking something like this. If we keep adding more text, it'll eventually wrap to a new line.</p>
|
||||
<p>And this is another paragraph.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
Should the need arise, you can quickly space out your flash message from surrounding content with a `.flash-messages` wrapper. *Note the extra top and bottom margin in the example below.*
|
||||
|
||||
```html
|
||||
<div class="flash-messages">
|
||||
<div class="flash">
|
||||
Flash message goes here.
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Variations
|
||||
|
||||
Add `.flash-warn`, `.flash-error`, or `.flash-success` to the flash message to make it yellow, red, or green, respectively.
|
||||
|
||||
```html
|
||||
<div class="flash flash-warn">
|
||||
Flash message goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
```html
|
||||
<div class="flash flash-error">
|
||||
Flash message goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
```html
|
||||
<div class="flash flash-success">
|
||||
Flash message goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
## With icon
|
||||
|
||||
Add an icon to the left of the flash message to give it some funky fresh attention.
|
||||
|
||||
```html
|
||||
<div class="flash">
|
||||
<%= octicon "alert" %>
|
||||
Flash message with an icon goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
## With dismiss
|
||||
|
||||
Add a JavaScript enabled (via Crema) dismiss (close) icon on the right of any flash message.
|
||||
|
||||
```html
|
||||
<div class="flash">
|
||||
<button class="flash-close js-flash-close" type="button"><%= octicon "x", :"aria-label" => "Close" %></button>
|
||||
Dismissable flash message goes here.
|
||||
</div>
|
||||
```
|
||||
|
||||
## With action button
|
||||
|
||||
A flash message with an action button.
|
||||
|
||||
```html
|
||||
<div class="flash">
|
||||
<button type="submit" class="btn btn-sm primary flash-action">Complete action</button>
|
||||
Flash message with action here.
|
||||
</div>
|
||||
```
|
||||
|
||||
## Full width flash
|
||||
|
||||
A flash message that is full width and removes border and border radius.
|
||||
|
||||
```html
|
||||
<div class="flash flash-full">
|
||||
<div class="container">
|
||||
Full width flash message.
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
<!-- %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-alerts/build/build.css
generated
vendored
Normal file
1
node_modules/primer-alerts/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd}
|
||||
1
node_modules/primer-alerts/build/index.js
generated
vendored
Normal file
1
node_modules/primer-alerts/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":891,"gzipSize":401,"humanizedSize":"891B","humanizedGzipSize":"401B","rules":{"total":11,"size":{"graph":[6,1,1,12,1,3,3,3,3,3,4],"max":12,"average":3.6363636363636362}},"selectors":{"total":11,"type":1,"class":11,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".flash",".flash p:last-child",".flash-messages",".flash-close",".flash-close:hover",".flash-action",".flash-warn",".flash-error",".flash-success",".flash-full",".warning"],"specificity":{"max":21,"average":11.909090909090908}},"declarations":{"total":40,"unique":35,"properties":{"position":["relative"],"padding":["16px","16px","0.5em"],"color":["#032f62","inherit","#735c0f","#86181d","#165c26"],"background-color":["#dbedff","#fffbdd","#ffdce0","#dcffe4","#fffbdd"],"border":["1px solid rgba(27,31,35,0.15)","0"],"border-radius":["3px","0"],"margin-bottom":["0","24px","0.8em"],"float":["right","right"],"margin":["-16px"],"text-align":["center"],"cursor":["pointer"],"background":["none"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"opacity":["0.6","1"],"margin-top":["-3px","-1px"],"margin-left":["24px"],"border-color":["rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)"],"border-width":["1px 0"],"font-weight":["600"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
3
node_modules/primer-alerts/index.scss
generated
vendored
Normal file
3
node_modules/primer-alerts/index.scss
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "./lib/flash.scss";
|
||||
80
node_modules/primer-alerts/lib/flash.scss
generated
vendored
Normal file
80
node_modules/primer-alerts/lib/flash.scss
generated
vendored
Normal file
@@ -0,0 +1,80 @@
|
||||
// Default flash
|
||||
// stylelint-disable selector-no-type
|
||||
.flash {
|
||||
position: relative;
|
||||
padding: $spacer-3;
|
||||
color: $blue-800;
|
||||
background-color: $blue-100;
|
||||
border: 1px solid $border-black-fade;
|
||||
border-radius: 3px;
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Contain the flash messages
|
||||
.flash-messages {
|
||||
margin-bottom: $spacer-4;
|
||||
}
|
||||
|
||||
// Close button
|
||||
.flash-close {
|
||||
float: right;
|
||||
padding: $spacer-3;
|
||||
margin: -$spacer-3;
|
||||
color: inherit;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
// Undo `<button>` styles
|
||||
background: none;
|
||||
border: 0;
|
||||
appearance: none;
|
||||
opacity: 0.6;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Action button
|
||||
.flash-action {
|
||||
float: right;
|
||||
margin-top: -3px;
|
||||
margin-left: $spacer-4;
|
||||
}
|
||||
|
||||
//
|
||||
// Variations
|
||||
//
|
||||
|
||||
.flash-warn {
|
||||
color: $yellow-900;
|
||||
background-color: $yellow-100;
|
||||
border-color: $black-fade-15;
|
||||
}
|
||||
|
||||
.flash-error {
|
||||
color: $red-900;
|
||||
background-color: $red-100;
|
||||
border-color: $black-fade-15;
|
||||
}
|
||||
|
||||
.flash-success {
|
||||
color: $green-800;
|
||||
background-color: $green-100;
|
||||
border-color: $black-fade-15;
|
||||
}
|
||||
|
||||
.flash-full {
|
||||
margin-top: -1px;
|
||||
border-width: 1px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.warning {
|
||||
padding: 0.5em;
|
||||
margin-bottom: 0.8em;
|
||||
font-weight: $font-weight-bold;
|
||||
background-color: $yellow-100;
|
||||
}
|
||||
73
node_modules/primer-alerts/package.json
generated
vendored
Normal file
73
node_modules/primer-alerts/package.json
generated
vendored
Normal file
@@ -0,0 +1,73 @@
|
||||
{
|
||||
"_from": "primer-alerts@^1.1.7",
|
||||
"_id": "primer-alerts@1.1.7",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-Ilhdk4/f8CttIs5gPd+xlnMpqIo=",
|
||||
"_location": "/primer-alerts",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-alerts@^1.1.7",
|
||||
"name": "primer-alerts",
|
||||
"escapedName": "primer-alerts",
|
||||
"rawSpec": "^1.1.7",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^1.1.7"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css",
|
||||
"/primer-product"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-alerts/-/primer-alerts-1.1.7.tgz",
|
||||
"_shasum": "22585d938fdff02b6d22ce603ddfb1967329a88a",
|
||||
"_spec": "primer-alerts@^1.1.7",
|
||||
"_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": "Flash messages, or alerts, inform users of successful or pending actions.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"alerts",
|
||||
"callouts",
|
||||
"css",
|
||||
"flash",
|
||||
"github",
|
||||
"primer",
|
||||
"primercss",
|
||||
"style"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-alerts",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-alerts"
|
||||
},
|
||||
"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": "1.1.7"
|
||||
}
|
||||
86
node_modules/primer-avatars/CHANGELOG.md
generated
vendored
Normal file
86
node_modules/primer-avatars/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,86 @@
|
||||
# v0.4.6
|
||||
|
||||
* bump package version - broccolini [github/github@2034aeb](https://github.com/github/github/commit/2034aeb)
|
||||
|
||||
# v0.4.5
|
||||
|
||||
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
|
||||
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
|
||||
|
||||
# v0.4.4
|
||||
|
||||
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
|
||||
* update to rgb to white variable - broccolini [github/github@96d2590](https://github.com/github/github/commit/96d2590)
|
||||
* update whites in avatar stack - broccolini [github/github@dc3be2f](https://github.com/github/github/commit/dc3be2f)
|
||||
|
||||
# v0.4.3
|
||||
|
||||
* Bump version for avatars package - Mu-An Chiou [github/github@25e929d](https://github.com/github/github/commit/25e929d)
|
||||
* Remove background when only 1 avatar background is for stacking/border - Mu-An Chiou [github/github@4b4d63e](https://github.com/github/github/commit/4b4d63e)
|
||||
|
||||
# v0.4.2
|
||||
|
||||
* Bump version number for circle badge spacing tweak - Patrick Marsceill [github/github@7aac713](https://github.com/github/github/commit/7aac713)
|
||||
|
||||
# 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
|
||||
|
||||
* Make it a new release - Patrick Marsceill [github/github@24c4c50](https://github.com/github/github/commit/24c4c50)
|
||||
* Docs tweak - Patrick Marsceill [github/github@ae4f341](https://github.com/github/github/commit/ae4f341)
|
||||
* Bump package number - Patrick Marsceill [github/github@070fca8](https://github.com/github/github/commit/070fca8)
|
||||
* Add partial import to avatars index - Patrick Marsceill [github/github@210ba08](https://github.com/github/github/commit/210ba08)
|
||||
* Move docs to avatars - Patrick Marsceill [github/github@2045ba4](https://github.com/github/github/commit/2045ba4)
|
||||
* Move and rename - Patrick Marsceill [github/github@6bb6ab2](https://github.com/github/github/commit/6bb6ab2)
|
||||
|
||||
# v0.3.0
|
||||
|
||||
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
|
||||
* 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.2.4
|
||||
|
||||
* 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)
|
||||
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
||||
|
||||
# v0.2.3
|
||||
|
||||
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
|
||||
* 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)
|
||||
|
||||
# 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
|
||||
|
||||
* Updating support dependency versions - Jon Rohan [github/github@76d97ec](https://github.com/github/github/commit/76d97ec)
|
||||
* Adding avatars module from primer/primer - Jon Rohan [github/github@94b22f7](https://github.com/github/github/commit/94b22f7)
|
||||
21
node_modules/primer-avatars/LICENSE
generated
vendored
Normal file
21
node_modules/primer-avatars/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.
|
||||
153
node_modules/primer-avatars/README.md
generated
vendored
Normal file
153
node_modules/primer-avatars/README.md
generated
vendored
Normal file
@@ -0,0 +1,153 @@
|
||||
# Primer CSS Avatars
|
||||
|
||||
[](https://www.npmjs.org/package/primer-avatars)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Avatars are images that users can set as their profile picture. On GitHub, they’re always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.
|
||||
|
||||
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-avatars` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-avatars
|
||||
```
|
||||
|
||||
## 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-avatars/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: Avatars
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Avatars are images that users can set as their profile picture. On GitHub, they're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.
|
||||
|
||||
{:toc}
|
||||
|
||||
## Basic example
|
||||
|
||||
Add `.avatar` to any `<img>` element to make it an avatar. This resets some key styles for alignment, address a Firefox image placeholder bug, and rounds the corners.
|
||||
|
||||
Be sure to set `width` and `height` attributes for maximum browser performance.
|
||||
|
||||
```html
|
||||
<img class="avatar" alt="jonrohan" src="/jonrohan.png?v=3&s=144" width="72" height="72">
|
||||
```
|
||||
|
||||
### Small avatars
|
||||
|
||||
We occasionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level.
|
||||
|
||||
```html
|
||||
<img class="avatar avatar-small" alt="jonrohan" src="/jonrohan.png?v=3&s=64" width="32" height="32">
|
||||
```
|
||||
|
||||
### Parent-child avatars
|
||||
|
||||
When you need a larger parent avatar, and a smaller child one, overlaid slightly, use the parent-child classes.
|
||||
|
||||
```html
|
||||
<div class="avatar-parent-child float-left">
|
||||
<img class="avatar" alt="jonrohan" src="/jonrohan.png?v=3&s=96" width="48" height="48">
|
||||
<img class="avatar avatar-child" alt="josh" src="/josh.png?v=3&s=40" width="20" height="20">
|
||||
</div>
|
||||
```
|
||||
|
||||
### Avatar stack
|
||||
|
||||
Stacked avatars can be used to show who is participating in thread when there is limited space available. When you hover over the stack, the avatars will reveal themselves. Optimally, you should put no more than 3 avatars in the stack.
|
||||
|
||||
```html
|
||||
<span class="avatar-stack tooltipped tooltipped-s" aria-label="jonrohan, aaronshekey, and josh">
|
||||
<img alt="@jonrohan" class="avatar" height="39" alt="jonrohan" src="/jonrohan.png" width="39">
|
||||
<img alt="@aaronshekey" class="avatar" height="39" alt="aaronshekey" src="/aaronshekey.png" width="39">
|
||||
<img alt="@josh" class="avatar" height="39" alt="josh" src="/josh.png" width="39">
|
||||
</span>
|
||||
```
|
||||
|
||||
## Circle Badge
|
||||
|
||||
`.CircleBadge` allows for the display of badge-like icons or logos. They are used mostly with Octicons or partner integration icons.
|
||||
|
||||
`.CircleBadge` should have an `aria-label`, `title` (for a link), or an `alt` (for child `img` elements) attribute specified if there is no text-based alternative to describe it. If there is a text-based alternative or the icon has no semantic value, `aria-hidden="true"` or an empty `alt` attribute may be used.
|
||||
|
||||
### Small
|
||||
|
||||
```html
|
||||
<a class="CircleBadge CircleBadge--small float-left mr-2" href="#small" title="Travis CI">
|
||||
<img src="<%= image_path "modules/site/travis-logo.png" %>" class="CircleBadge-icon" alt="">
|
||||
</a>
|
||||
<a class="CircleBadge CircleBadge--small bg-yellow" title="Zap this!" href="#small">
|
||||
<%= octicon "zap", :class => "CircleBadge-icon text-white" %>
|
||||
</a>
|
||||
```
|
||||
|
||||
### Medium
|
||||
|
||||
```html
|
||||
<div class="CircleBadge CircleBadge--medium bg-gray-dark">
|
||||
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="Travis CI" class="CircleBadge-icon">
|
||||
</div>
|
||||
```
|
||||
|
||||
### Large
|
||||
|
||||
```html
|
||||
<div class="CircleBadge CircleBadge--large">
|
||||
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="Travis CI" class="CircleBadge-icon">
|
||||
</div>
|
||||
```
|
||||
|
||||
### Dashed connection
|
||||
|
||||
For specific cases where two badges or more need to be shown as related or connected (such as integrations or specific product workflows), a `DashedConnection` class was created. Use utility classes to ensure badges are spaced correctly.
|
||||
|
||||
```html
|
||||
<div class="DashedConnection">
|
||||
<ul class="d-flex list-style-none flex-justify-between" aria-label="A sample GitHub workflow">
|
||||
<li class="CircleBadge CircleBadge--small" aria-label="GitHub">
|
||||
<%= octicon "mark-github", :class => "width-full height-full" %>
|
||||
</li>
|
||||
|
||||
<li class="CircleBadge CircleBadge--small" aria-label="Slack">
|
||||
<img src="<%= image_path "modules/site/logos/slack-logo.png" %>" alt="" class="CircleBadge-icon">
|
||||
</li>
|
||||
|
||||
<li class="CircleBadge CircleBadge--small" aria-label="Travis CI">
|
||||
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="" class="CircleBadge-icon">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
```
|
||||
|
||||
<!-- %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-avatars/build/build.css
generated
vendored
Normal file
1
node_modules/primer-avatars/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.avatar-stack{display:inline-block;white-space:nowrap}.avatar-stack .avatar{position:relative;z-index:2;display:inline-block;width:20px;height:20px;box-sizing:content-box;margin-right:-15px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.avatar-stack .avatar:only-child{background-color:transparent}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:last-child{z-index:1;margin-right:0;border-right:0}.avatar-stack:hover .avatar{margin-right:3px}.avatar-stack:hover .avatar:last-child{margin-right:0}.CircleBadge{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative}
|
||||
1
node_modules/primer-avatars/build/index.js
generated
vendored
Normal file
1
node_modules/primer-avatars/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":1618,"gzipSize":620,"humanizedSize":"2kB","humanizedGzipSize":"620B","rules":{"total":21,"size":{"graph":[5,1,2,2,1,6,2,11,1,1,3,1,1,9,3,2,2,2,1,6,1],"max":11,"average":3}},"selectors":{"total":21,"type":0,"class":21,"id":0,"pseudoClass":5,"pseudoElement":1,"values":[".avatar",".avatar-small",".avatar-link",".avatar-group-item",".avatar-parent-child",".avatar-child",".avatar-stack",".avatar-stack .avatar",".avatar-stack .avatar:only-child",".avatar-stack .avatar:first-child",".avatar-stack .avatar:last-child",".avatar-stack:hover .avatar",".avatar-stack:hover .avatar:last-child",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge"],"specificity":{"max":40,"average":16.238095238095237}},"declarations":{"total":63,"unique":50,"properties":{"display":["inline-block","inline-block","inline-block","inline-block","-webkit-box","flex"],"overflow":["hidden"],"line-height":["1","1"],"vertical-align":["middle"],"border-radius":["3px","2px","2px","2px","50%"],"float":["left"],"margin-bottom":["3px"],"position":["relative","absolute","relative","relative","absolute","relative"],"right":["-15%"],"bottom":["-9%"],"background-color":["#fff","#fff","transparent","#fff"],"box-shadow":["-2px -2px 0 rgba(255,255,255,0.8)","0 1px 5px rgba(27,31,35,0.15)"],"white-space":["nowrap"],"z-index":["2","3","1"],"width":["20px","56px","96px","128px","100%"],"height":["20px","auto","56px","96px","128px"],"box-sizing":["content-box"],"margin-right":["-15px","0","3px","0"],"border-right":["1px solid #fff","0"],"transition":["margin 0.1s ease-in-out"],"-webkit-box-align":["center"],"align-items":["center"],"-webkit-box-pack":["center"],"justify-content":["center"],"max-width":["60%"],"max-height":["55%"],"top":["50%"],"left":["0"],"content":["\"\""],"border-bottom":["2px dashed #e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
7
node_modules/primer-avatars/index.scss
generated
vendored
Normal file
7
node_modules/primer-avatars/index.scss
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
@import "primer-support/index.scss";
|
||||
|
||||
// Avatars
|
||||
@import "./lib/avatar.scss";
|
||||
@import "./lib/avatar-parent-child.scss";
|
||||
@import "./lib/avatar-stack.scss";
|
||||
@import "./lib/circle-badge.scss";
|
||||
16
node_modules/primer-avatars/lib/avatar-parent-child.scss
generated
vendored
Normal file
16
node_modules/primer-avatars/lib/avatar-parent-child.scss
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
// .avatar-parent-child is when you see a small avatar at the bottom right
|
||||
// corner of a larger avatar.
|
||||
//
|
||||
// No Styleguide version
|
||||
.avatar-parent-child {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.avatar-child {
|
||||
position: absolute;
|
||||
right: -15%;
|
||||
bottom: -9%;
|
||||
background-color: $bg-white; // For transparent backgrounds
|
||||
border-radius: 2px;
|
||||
box-shadow: -2px -2px 0 rgba($white, 0.8);
|
||||
}
|
||||
45
node_modules/primer-avatars/lib/avatar-stack.scss
generated
vendored
Normal file
45
node_modules/primer-avatars/lib/avatar-stack.scss
generated
vendored
Normal file
@@ -0,0 +1,45 @@
|
||||
// Stacked avatars can be used to show who is participating in thread when
|
||||
// there is limited space available.
|
||||
//
|
||||
// No styleguide references
|
||||
.avatar-stack {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
|
||||
.avatar {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
box-sizing: content-box;
|
||||
margin-right: -15px;
|
||||
background-color: $bg-white;
|
||||
border-right: 1px solid $white;
|
||||
border-radius: 2px;
|
||||
transition: margin 0.1s ease-in-out;
|
||||
|
||||
&:only-child {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
z-index: 1;
|
||||
margin-right: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// When more than one avatar, margin-left will animate from -15 to 2, and reveal the stack
|
||||
&:hover .avatar {
|
||||
margin-right: 3px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
20
node_modules/primer-avatars/lib/avatar.scss
generated
vendored
Normal file
20
node_modules/primer-avatars/lib/avatar.scss
generated
vendored
Normal file
@@ -0,0 +1,20 @@
|
||||
.avatar {
|
||||
display: inline-block;
|
||||
overflow: hidden; // Ensure page layout in Firefox should images fail to load
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.avatar-small { border-radius: 2px; }
|
||||
|
||||
.avatar-link {
|
||||
float: left;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
// User for example on /stars and /user for grids of avatars
|
||||
.avatar-group-item {
|
||||
display: inline-block;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
54
node_modules/primer-avatars/lib/circle-badge.scss
generated
vendored
Normal file
54
node_modules/primer-avatars/lib/circle-badge.scss
generated
vendored
Normal file
@@ -0,0 +1,54 @@
|
||||
// Circle badge icon with drop shadow for icons and logos
|
||||
|
||||
.CircleBadge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: $white;
|
||||
border-radius: 50%;
|
||||
box-shadow: $box-shadow-medium;
|
||||
}
|
||||
|
||||
.CircleBadge-icon {
|
||||
max-width: 60% !important;
|
||||
height: auto !important;
|
||||
max-height: 55% !important;
|
||||
}
|
||||
|
||||
// Small badge
|
||||
.CircleBadge--small {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
// Medium badge
|
||||
.CircleBadge--medium {
|
||||
width: 96px;
|
||||
height: 96px;
|
||||
}
|
||||
|
||||
// Large badge
|
||||
.CircleBadge--large {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
}
|
||||
|
||||
// Dashed line that connects badges..
|
||||
// Wrap around 2 or more badges to create a horizonal line:
|
||||
|
||||
.DashedConnection {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
content: "";
|
||||
border-bottom: 2px dashed $border-gray;
|
||||
}
|
||||
|
||||
.CircleBadge {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
70
node_modules/primer-avatars/package.json
generated
vendored
Normal file
70
node_modules/primer-avatars/package.json
generated
vendored
Normal file
@@ -0,0 +1,70 @@
|
||||
{
|
||||
"_from": "primer-avatars@^1.0.1",
|
||||
"_id": "primer-avatars@1.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-M9ZnDrZWpGcWrsK0kHnsodKh/5M=",
|
||||
"_location": "/primer-avatars",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-avatars@^1.0.1",
|
||||
"name": "primer-avatars",
|
||||
"escapedName": "primer-avatars",
|
||||
"rawSpec": "^1.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^1.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css",
|
||||
"/primer-product"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-avatars/-/primer-avatars-1.0.1.tgz",
|
||||
"_shasum": "33d6670eb656a46716aec2b49079eca1d2a1ff93",
|
||||
"_spec": "primer-avatars@^1.0.1",
|
||||
"_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": "Basic styles for user profile avatars.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"avatars",
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"primercss"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-avatars",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-avatars"
|
||||
},
|
||||
"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": "1.0.1"
|
||||
}
|
||||
68
node_modules/primer-base/CHANGELOG.md
generated
vendored
Normal file
68
node_modules/primer-base/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,68 @@
|
||||
# v0.4.2
|
||||
|
||||
* 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)
|
||||
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
|
||||
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
|
||||
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
|
||||
|
||||
# v0.4.1
|
||||
|
||||
* Creating a new version - Jon Rohan [github/github@488569b](https://github.com/github/github/commit/488569b)
|
||||
* Adding list-item for summary - Jon Rohan [github/github@59070d8](https://github.com/github/github/commit/59070d8)
|
||||
* Removing normalize.css from dependencies and checking into base package - Jon Rohan [github/github@459e8b7](https://github.com/github/github/commit/459e8b7)
|
||||
|
||||
# v0.4.0
|
||||
|
||||
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
|
||||
* 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.0
|
||||
|
||||
* 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)
|
||||
* move over override for octicons to type base for now - Mark Otto [github/github@529af66](https://github.com/github/github/commit/529af66)
|
||||
* move over all bold variable changes - Mark Otto [github/github@6b5b021](https://github.com/github/github/commit/6b5b021)
|
||||
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
||||
|
||||
# v0.2.3
|
||||
|
||||
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
|
||||
* 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)
|
||||
* un-delete this - Jon Rohan [github/github@207793a](https://github.com/github/github/commit/207793a)
|
||||
* 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)
|
||||
|
||||
# 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)
|
||||
* cleanup after merge - Jon Rohan [github/github@f9378ca](https://github.com/github/github/commit/f9378ca)
|
||||
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
|
||||
* Fixing a few import paths - Jon Rohan [github/github@73e2c51](https://github.com/github/github/commit/73e2c51)
|
||||
* 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
|
||||
|
||||
* Moving text base utilities to utilities module - Jon Rohan [github/github@ac7383e](https://github.com/github/github/commit/ac7383e)
|
||||
* renaming to typography-base - Jon Rohan [github/github@e34449b](https://github.com/github/github/commit/e34449b)
|
||||
* Updating the readme - Jon Rohan [github/github@29ef203](https://github.com/github/github/commit/29ef203)
|
||||
* Creating a base module from normalize and our primer base css - Jon Rohan [github/github@97e460f](https://github.com/github/github/commit/97e460f)
|
||||
21
node_modules/primer-base/LICENSE
generated
vendored
Normal file
21
node_modules/primer-base/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.
|
||||
48
node_modules/primer-base/README.md
generated
vendored
Normal file
48
node_modules/primer-base/README.md
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
# Primer CSS Base
|
||||
|
||||
[](https://www.npmjs.org/package/primer-base)
|
||||
[](https://travis-ci.org/primer/primer-base)
|
||||
|
||||
> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css
|
||||
|
||||
This repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-base` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-base
|
||||
```
|
||||
|
||||
## 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-base/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
|
||||
|
||||
You can read more about base in the [docs][docs].
|
||||
|
||||
## 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-base/build/build.css
generated
vendored
Normal file
1
node_modules/primer-base/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#333;background-color:#fff}a{color:#4078c0;text-decoration:none}a:hover,a:active{text-decoration:underline}strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.octicon{vertical-align:text-bottom}
|
||||
1
node_modules/primer-base/build/index.js
generated
vendored
Normal file
1
node_modules/primer-base/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":3740,"gzipSize":1475,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":70,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,3,1],"max":6,"average":1.8}},"selectors":{"total":127,"type":104,"class":4,"id":0,"pseudoClass":6,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","a:active","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.52755905511811}},"declarations":{"total":126,"unique":92,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #ddd"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px"],"color":["#000","inherit","inherit","#333","#4078c0"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit","12px Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
5
node_modules/primer-base/index.scss
generated
vendored
Normal file
5
node_modules/primer-base/index.scss
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
@import "primer-support/index.scss";
|
||||
|
||||
@import "./lib/normalize.scss";
|
||||
@import "./lib/base.scss";
|
||||
@import "./lib/typography-base.scss";
|
||||
67
node_modules/primer-base/lib/base.scss
generated
vendored
Normal file
67
node_modules/primer-base/lib/base.scss
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
// stylelint-disable selector-no-type
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
button {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: $body-font;
|
||||
font-size: $body-font-size;
|
||||
line-height: $body-line-height;
|
||||
color: $text-gray-dark;
|
||||
background-color: $bg-white;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $text-blue;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
// Horizontal lines
|
||||
//
|
||||
// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s
|
||||
hr,
|
||||
.rule {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
//
|
||||
// Remove most spacing between table cells.
|
||||
//
|
||||
|
||||
table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
423
node_modules/primer-base/lib/normalize.scss
generated
vendored
Normal file
423
node_modules/primer-base/lib/normalize.scss
generated
vendored
Normal file
@@ -0,0 +1,423 @@
|
||||
// stylelint-disable
|
||||
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/**
|
||||
* 1. Change the default font family in all browsers (opinionated).
|
||||
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
* 1. Add the correct display in Edge, IE, and Firefox.
|
||||
* 2. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details, /* 1 */
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
main, /* 2 */
|
||||
menu,
|
||||
nav,
|
||||
section { /* 1 */
|
||||
display: block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
* 1. Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template, /* 1 */
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the outline on focused links when they are also active or hovered
|
||||
* in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change font properties to `inherit` in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font: inherit; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the font weight unset by the previous rule.
|
||||
*/
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Change the border, margin, and padding in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the text style of placeholders in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: inherit;
|
||||
opacity: 0.54;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
85
node_modules/primer-base/lib/typography-base.scss
generated
vendored
Normal file
85
node_modules/primer-base/lib/typography-base.scss
generated
vendored
Normal file
@@ -0,0 +1,85 @@
|
||||
// Headings
|
||||
// --------------------------------------------------
|
||||
// stylelint-disable selector-no-type
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1 { @include h1; }
|
||||
h2 { @include h2; }
|
||||
h3 { @include h3; }
|
||||
h4 { @include h4; }
|
||||
h5 { @include h5; }
|
||||
h6 { @include h6; }
|
||||
|
||||
// Body text
|
||||
// --------------------------------------------------
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// Lists
|
||||
// --------------------------------------------------
|
||||
|
||||
ul,
|
||||
ol {
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
ul ul ol,
|
||||
ul ol ol,
|
||||
ol ul ol,
|
||||
ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Code
|
||||
// --------------------------------------------------
|
||||
|
||||
tt,
|
||||
code {
|
||||
font-family: $mono-font;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font: 12px $mono-font;
|
||||
}
|
||||
|
||||
// Octicons
|
||||
// --------------------------------------------------
|
||||
|
||||
// Move this over here as a temporary override to the octicons source repo
|
||||
// instead of updating that upstream.
|
||||
.octicon {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
72
node_modules/primer-base/package.json
generated
vendored
Normal file
72
node_modules/primer-base/package.json
generated
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
{
|
||||
"_from": "primer-base@^0.4.0",
|
||||
"_id": "primer-base@0.4.2",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-EL6nvdRUxEex7W6AFZXziIsw8B8=",
|
||||
"_location": "/primer-base",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-base@^0.4.0",
|
||||
"name": "primer-base",
|
||||
"escapedName": "primer-base",
|
||||
"rawSpec": "^0.4.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^0.4.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-core",
|
||||
"/primer-css"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-0.4.2.tgz",
|
||||
"_shasum": "10bea7bdd454c447b1ed6e801595f3888b30f01f",
|
||||
"_spec": "primer-base@^0.4.0",
|
||||
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
|
||||
"author": {
|
||||
"name": "GitHub, Inc."
|
||||
},
|
||||
"bugs": {
|
||||
"url": "https://github.com/primer/primer-base/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"dependencies": {
|
||||
"primer-support": "*"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "CSS to reset the browsers default styles",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"primercss",
|
||||
"base",
|
||||
"reset",
|
||||
"normalize"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-base",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/primer/primer-base.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "primer-module-build index.scss",
|
||||
"prepublish": "npm run build",
|
||||
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
|
||||
},
|
||||
"style": "index.scss",
|
||||
"version": "0.4.2"
|
||||
}
|
||||
80
node_modules/primer-blankslate/CHANGELOG.md
generated
vendored
Normal file
80
node_modules/primer-blankslate/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,80 @@
|
||||
# v0.3.5
|
||||
|
||||
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
|
||||
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
|
||||
|
||||
# v0.3.4
|
||||
|
||||
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
|
||||
* update rgb values with black variable - broccolini [github/github@51ef75d](https://github.com/github/github/commit/51ef75d)
|
||||
* update #fff instances to white variables in primer-product modules - broccolini [github/github@49ec35d](https://github.com/github/github/commit/49ec35d)
|
||||
* replace more gray hex's with variables - broccolini [github/github@fe5de70](https://github.com/github/github/commit/fe5de70)
|
||||
* replace light gray hex's with variables in primer-product modules - broccolini [github/github@1088a47](https://github.com/github/github/commit/1088a47)
|
||||
* replace light gray hex refs with new variable - broccolini [github/github@8d5acdc](https://github.com/github/github/commit/8d5acdc)
|
||||
|
||||
# v0.3.3
|
||||
|
||||
* bumping patch - Jon Rohan [github/github@23a6aa8](https://github.com/github/github/commit/23a6aa8)
|
||||
* Missing primer-support import - Jon Rohan [github/github@d3bdb2a](https://github.com/github/github/commit/d3bdb2a)
|
||||
|
||||
# v0.3.2
|
||||
|
||||
* 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.3.1
|
||||
|
||||
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
|
||||
* update blankslate version number - broccolini [github/github@2005521](https://github.com/github/github/commit/2005521)
|
||||
* Simplify the declaration - Jon Rohan [github/github@b505cf3](https://github.com/github/github/commit/b505cf3)
|
||||
|
||||
# v0.3.0
|
||||
|
||||
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
|
||||
* 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.2.4
|
||||
|
||||
* 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)
|
||||
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
|
||||
* 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)
|
||||
* Replacing the use of :size in octicons with :height - Jon Rohan [github/github@e2dbe6f](https://github.com/github/github/commit/e2dbe6f)
|
||||
* 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)
|
||||
|
||||
# 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
|
||||
|
||||
* Moving blankslate from primer/primer - Jon Rohan [github/github@4b04c44](https://github.com/github/github/commit/4b04c44)
|
||||
21
node_modules/primer-blankslate/LICENSE
generated
vendored
Normal file
21
node_modules/primer-blankslate/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.
|
||||
138
node_modules/primer-blankslate/README.md
generated
vendored
Normal file
138
node_modules/primer-blankslate/README.md
generated
vendored
Normal file
@@ -0,0 +1,138 @@
|
||||
# Primer CSS Blankslate
|
||||
|
||||
[](https://www.npmjs.org/package/primer-blankslate)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn’t there. Be sure to provide an action to add content as well.
|
||||
|
||||
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-blankslate` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-blankslate
|
||||
```
|
||||
|
||||
## 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-blankslate/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: Blankslate
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn't there. Be sure to provide an action to add content as well.
|
||||
|
||||
#### Basic example
|
||||
|
||||
Wrap some content in the outer `.blankslate` wrapper to give it the blankslate appearance.
|
||||
|
||||
```html
|
||||
<div class="blankslate">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### With Octicons
|
||||
|
||||
When it helps the message, include (relevant) icons in your blank slate. Add `.blankslate-icon` to any `.mega-octicon`s as the first elements in the blankslate, like so.
|
||||
|
||||
```html
|
||||
<div class="blankslate">
|
||||
<%= octicon "git-commit", :height => 32, :class => "blankslate-icon" %>
|
||||
<%= octicon "tag", :height => 32, :class => "blankslate-icon" %>
|
||||
<%= octicon "git-branch", :height => 32, :class => "blankslate-icon" %>
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
#### Variations
|
||||
|
||||
Add an additional optional class to the `.blankslate` to change its appearance.
|
||||
|
||||
##### Narrow
|
||||
|
||||
Narrows the blankslate container to not occupy the entire available width.
|
||||
|
||||
```html
|
||||
<div class="blankslate blankslate-narrow">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
##### Capped
|
||||
|
||||
Removes the `border-radius` on the top corners.
|
||||
|
||||
```html
|
||||
<div class="blankslate blankslate-capped">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
##### Spacious
|
||||
|
||||
Significantly increases the vertical padding.
|
||||
|
||||
```html
|
||||
<div class="blankslate blankslate-spacious">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
##### Large
|
||||
|
||||
Increases the size of the text in the blankslate
|
||||
|
||||
```html
|
||||
<div class="blankslate blankslate-large">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
|
||||
##### No background
|
||||
|
||||
Removes the `background-color` and `border`.
|
||||
|
||||
```html
|
||||
<div class="blankslate blankslate-clean-background">
|
||||
<h3>This is a blank slate</h3>
|
||||
<p>Use it to provide information when no dynamic content exists.</p>
|
||||
</div>
|
||||
```
|
||||
<!-- %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-blankslate/build/build.css
generated
vendored
Normal file
1
node_modules/primer-blankslate/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none}
|
||||
1
node_modules/primer-blankslate/build/index.js
generated
vendored
Normal file
1
node_modules/primer-blankslate/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":653,"gzipSize":339,"humanizedSize":"653B","humanizedGzipSize":"339B","rules":{"total":9,"size":{"graph":[7,5,4,1,1,2,2,1,3],"max":7,"average":2.888888888888889}},"selectors":{"total":9,"type":3,"class":9,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".blankslate",".blankslate code",".blankslate-icon",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background"],"specificity":{"max":11,"average":10.333333333333334}},"declarations":{"total":26,"unique":25,"properties":{"position":["relative"],"padding":["32px","2px 5px 3px","80px 40px"],"text-align":["center"],"background-color":["#fafbfc"],"border":["1px solid #e1e4e8","1px solid #eaecef","0"],"border-radius":["3px","3px","0 0 3px 3px"],"box-shadow":["inset 0 0 10px rgba(27,31,35,0.05)","none"],"font-size":["14px","20px","16px"],"background":["#fff","none"],"margin-right":["4px"],"margin-bottom":["8px"],"margin-left":["4px"],"color":["#a3aab1"],"width":["485px"],"margin":["0 auto","16px 0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
3
node_modules/primer-blankslate/index.scss
generated
vendored
Normal file
3
node_modules/primer-blankslate/index.scss
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
@import "primer-support/index.scss";
|
||||
|
||||
@import "./lib/blankslate.scss";
|
||||
57
node_modules/primer-blankslate/lib/blankslate.scss
generated
vendored
Normal file
57
node_modules/primer-blankslate/lib/blankslate.scss
generated
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
// stylelint-disable selector-no-type
|
||||
.blankslate {
|
||||
position: relative;
|
||||
padding: $spacer-5;
|
||||
text-align: center;
|
||||
background-color: $gray-000;
|
||||
border: 1px solid $gray-200;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 0 10px rgba($black, 0.05);
|
||||
|
||||
code {
|
||||
padding: 2px 5px 3px;
|
||||
font-size: 14px;
|
||||
background: $bg-white;
|
||||
border: 1px solid $border-gray-light;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.blankslate-icon {
|
||||
margin-right: $spacer-1;
|
||||
margin-bottom: $spacer-2;
|
||||
margin-left: $spacer-1;
|
||||
color: lighten($gray-400, 5%);
|
||||
}
|
||||
|
||||
.blankslate-capped {
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
|
||||
.blankslate-spacious {
|
||||
padding: ($spacer-6 * 2) $spacer-6;
|
||||
}
|
||||
|
||||
.blankslate-narrow {
|
||||
width: 485px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// was .large-format
|
||||
.blankslate-large {
|
||||
h3 {
|
||||
margin: $spacer-3 0;
|
||||
font-size: $h3-size;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: $h4-size;
|
||||
}
|
||||
}
|
||||
|
||||
// was .clean-background
|
||||
.blankslate-clean-background {
|
||||
background: none;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
72
node_modules/primer-blankslate/package.json
generated
vendored
Normal file
72
node_modules/primer-blankslate/package.json
generated
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
{
|
||||
"_from": "primer-blankslate@^1.0.1",
|
||||
"_id": "primer-blankslate@1.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-feJj+C7rQy0QjUQfvyMk12JAQbw=",
|
||||
"_location": "/primer-blankslate",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-blankslate@^1.0.1",
|
||||
"name": "primer-blankslate",
|
||||
"escapedName": "primer-blankslate",
|
||||
"rawSpec": "^1.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^1.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css",
|
||||
"/primer-product"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-blankslate/-/primer-blankslate-1.0.1.tgz",
|
||||
"_shasum": "7de263f82eeb432d108d441fbf2324d7624041bc",
|
||||
"_spec": "primer-blankslate@^1.0.1",
|
||||
"_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": "Blankslates are for when there is a lack of content within a page or section.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"primercss",
|
||||
"blankslate",
|
||||
"empty",
|
||||
"content"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-blankslate",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-blankslate"
|
||||
},
|
||||
"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": "1.0.1"
|
||||
}
|
||||
58
node_modules/primer-box/CHANGELOG.md
generated
vendored
Normal file
58
node_modules/primer-box/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
# v2.1.2
|
||||
|
||||
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
|
||||
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
|
||||
|
||||
# v2.1.1
|
||||
|
||||
* update version number after color variable updates - broccolini [github/github@b2a811a](https://github.com/github/github/commit/b2a811a)
|
||||
* update border variable names used in components - broccolini [github/github@865ab4f](https://github.com/github/github/commit/865ab4f)
|
||||
|
||||
# v2.1.0
|
||||
|
||||
* update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
|
||||
* Update some borders to correct contrast and small inconsistencies - Mark Otto [github/github@76c782a](https://github.com/github/github/commit/76c782a)
|
||||
* lighter yellow for box row highlight - broccolini [github/github@ab68ca4](https://github.com/github/github/commit/ab68ca4)
|
||||
|
||||
# v2.0.2
|
||||
|
||||
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
|
||||
|
||||
# v2.0.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)
|
||||
|
||||
# v2.0.0
|
||||
|
||||
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
|
||||
* update package version - broccolini [github/github@45f6fe9](https://github.com/github/github/commit/45f6fe9)
|
||||
* change Box-row-link to smaller breakpoint - broccolini [github/github@3b660b4](https://github.com/github/github/commit/3b660b4)
|
||||
* bump version number - broccolini [github/github@d4d505f](https://github.com/github/github/commit/d4d505f)
|
||||
* ensure first row border doesn't override header border - broccolini [github/github@42f0537](https://github.com/github/github/commit/42f0537)
|
||||
* Correct doc headings - broccolini [github/github@b5408ff](https://github.com/github/github/commit/b5408ff)
|
||||
* Update row styles and docs on markup structure - broccolini [github/github@9e0c44f](https://github.com/github/github/commit/9e0c44f)
|
||||
* removing box overlay styles to explore in separate pr - broccolini [github/github@392109a](https://github.com/github/github/commit/392109a)
|
||||
* update Subhead class name - broccolini [github/github@4c4463d](https://github.com/github/github/commit/4c4463d)
|
||||
* update bg-yellow variables - broccolini [github/github@79701f2](https://github.com/github/github/commit/79701f2)
|
||||
* bump box version number - broccolini [github/github@4eb2f8c](https://github.com/github/github/commit/4eb2f8c)
|
||||
* Update Box-danger theme - broccolini [github/github@abb10f6](https://github.com/github/github/commit/abb10f6)
|
||||
* Update Box-body-row to Box-row in scss and docs - broccolini [github/github@cdfe299](https://github.com/github/github/commit/cdfe299)
|
||||
* fix density rows and doc examples - broccolini [github/github@cd18965](https://github.com/github/github/commit/cd18965)
|
||||
* fix links - broccolini [github/github@c3238aa](https://github.com/github/github/commit/c3238aa)
|
||||
* update header and title instances - broccolini [github/github@13cfaf0](https://github.com/github/github/commit/13cfaf0)
|
||||
* update docs with new Box-body and row styles - broccolini [github/github@816ac8c](https://github.com/github/github/commit/816ac8c)
|
||||
* and negative margin to footer so works with Box-body - broccolini [github/github@225b707](https://github.com/github/github/commit/225b707)
|
||||
* separate body and row styles - broccolini [github/github@5a554f3](https://github.com/github/github/commit/5a554f3)
|
||||
* Update intro and use automated toc - broccolini [github/github@ad3a9e9](https://github.com/github/github/commit/ad3a9e9)
|
||||
* use all of the variables - broccolini [github/github@896b70a](https://github.com/github/github/commit/896b70a)
|
||||
* Float right profile image, remove danger zone bg - imgonnarelph [github/github@62d3f6d](https://github.com/github/github/commit/62d3f6d)
|
||||
* lint - imgonnarelph [github/github@9a5ec5a](https://github.com/github/github/commit/9a5ec5a)
|
||||
* User variable for red color - imgonnarelph [github/github@c44b27c](https://github.com/github/github/commit/c44b27c)
|
||||
* Style unboxed developer program section - imgonnarelph [github/github@e70aab4](https://github.com/github/github/commit/e70aab4)
|
||||
|
||||
# v0.0.1
|
||||
|
||||
* Updating box repo name - Jon Rohan [github/github@d54336a](https://github.com/github/github/commit/d54336a)
|
||||
* added feedback issue to box docs - broccolini [github/github@559a4d4](https://github.com/github/github/commit/559a4d4)
|
||||
* Move box into product-core cc @jonrohan - broccolini [github/github@8febc0e](https://github.com/github/github/commit/8febc0e)
|
||||
21
node_modules/primer-box/LICENSE
generated
vendored
Normal file
21
node_modules/primer-box/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.
|
||||
597
node_modules/primer-box/README.md
generated
vendored
Normal file
597
node_modules/primer-box/README.md
generated
vendored
Normal file
@@ -0,0 +1,597 @@
|
||||
# Primer CSS box
|
||||
|
||||
[](https://www.npmjs.org/package/primer-box)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers.
|
||||
|
||||
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-box` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-box
|
||||
```
|
||||
|
||||
## 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-box/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: Box
|
||||
status_issue: https://github.com/github/design-systems/issues/198
|
||||
status: New release
|
||||
-->
|
||||
|
||||
The `.Box` component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes.
|
||||
|
||||
{:toc}
|
||||
|
||||
## Box
|
||||
|
||||
A `.Box` is a container with a a white background ,a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
This is a box.
|
||||
</div>
|
||||
```
|
||||
|
||||
## Box elements
|
||||
Box elements include `Box-header`, `Box-body`, and `Box-footer`. These elements include borders and consistent padding. Optionally, you can include use `Box-title` which applies a bold font-weight the heading.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Box title
|
||||
</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
<div class="Box-footer">
|
||||
Box footer
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
### Box row
|
||||
|
||||
Use `Box-row` to add rows with borders and maintain the same padding. Box rows have a lighter border to give contrast between the header and footer.
|
||||
|
||||
**Note:** Box rows have some reliance on markup structure in order to target the first and last rows, therefore using an unordered list is recommended. See [box row markup structure](#box-row-markup-structure) for more information.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<ul>
|
||||
<li class="Box-row">
|
||||
Box row one
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row two
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row three
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row four
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
```
|
||||
|
||||
|
||||
Rows can be used with or without `Box-header`, `Box-footer`, or `Box-body`.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
Box header
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
<strong>Box body</strong>
|
||||
</div>
|
||||
<ul>
|
||||
<li class="Box-row">
|
||||
Box row one
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row two
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row three
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row four
|
||||
</li>
|
||||
</ul>
|
||||
<div class="Box-footer">
|
||||
Box footer
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
### Box row markup structure
|
||||
Box rows have some reliance on markup structure in order to target the first and last rows. Box rows are given a top border that is lighter in color than other box elements so the first row is targeted to apply a darker border color. An inner border-radius is applied to the first and last rows that that row corners don't poke outside the `Box`, this can be particularly noticeable when using a highlight on box rows.
|
||||
|
||||
Using an unordered list is recommended in order to target the first and last rows, however, if you need to use a `<div>` for your rows, you may want to place your rows inside a parent `<div>` so that the first and last rows are styled appropriately.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
Box header
|
||||
</div>
|
||||
<!-- This wrapping div ensures the first and last rows can be targeted for styling. -->
|
||||
<div>
|
||||
<div class="Box-row">Box row using a div</div>
|
||||
<div class="Box-row">Box row using a div</div>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Box padding density
|
||||
You can changed the padding density of the box component.
|
||||
|
||||
Use `Box--condensed` to apply a more condensed line-height and reduce the padding on the Y axis.
|
||||
|
||||
```html
|
||||
<div class="Box Box--condensed">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Box title
|
||||
</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
<ul>
|
||||
<li class="Box-row">
|
||||
Box row one
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row two
|
||||
</li>
|
||||
</ul>
|
||||
<div class="Box-footer">
|
||||
Box footer
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
Use `Box--spacious` to increase padding and increase the title font size.
|
||||
|
||||
You may want to increase the overall font size to work with the larger padding, in this example the default body font size is increased to 16px using the `f4` typography utility.
|
||||
|
||||
```html
|
||||
<div class="Box Box--spacious f4">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Box title
|
||||
</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
<ul>
|
||||
<li class="Box-row">
|
||||
Box row one
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row two
|
||||
</li>
|
||||
</ul>
|
||||
<div class="Box-footer">
|
||||
Box footer
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Blue box theme
|
||||
Use `Box--blue` to style the box borders and box header in blue.
|
||||
|
||||
```html
|
||||
<div class="Box Box--blue">
|
||||
<div class="Box-header">
|
||||
Box header
|
||||
</div>
|
||||
<ul>
|
||||
<li class="Box-row">
|
||||
Box row one
|
||||
</li>
|
||||
<li class="Box-row">
|
||||
Box row two
|
||||
</li>
|
||||
</ul>
|
||||
<div class="Box-footer">
|
||||
Box footer
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Blue box header theme
|
||||
|
||||
Use `Box-header--blue` to add to change the header border and background to blue.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header Box-header--blue">
|
||||
<h3 class="Box-title">Box with blue header</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Box danger theme
|
||||
|
||||
Use `Box--danger` to apply a red border to the outside of the box. This theme is helpful for communicating destructive actions.
|
||||
|
||||
**Note:** `Box-danger` only works with either `Box-row`'s or `Box-body`.
|
||||
|
||||
```html
|
||||
<div class="Box Box--danger">
|
||||
<div class="Box-row">
|
||||
Row one
|
||||
</div>
|
||||
<div class="Box-row">
|
||||
Row two
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.
|
||||
|
||||
```html
|
||||
<div class="Subhead border-bottom-0">
|
||||
<h2 class="Subhead-heading Subhead-heading--danger">Danger zone</h2>
|
||||
</div>
|
||||
|
||||
<div class="Box Box--danger">
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Row themes
|
||||
You can change the background color for individual rows, or change the color on hover or navigation focus.
|
||||
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row Box-row--gray">
|
||||
.Box-row--gray
|
||||
</div>
|
||||
<div class="Box-row Box-row--hover-gray">
|
||||
.Box-row--hover-gray
|
||||
</div>
|
||||
<div class="Box-row Box-row--yellow">
|
||||
.Box-row--yellow
|
||||
</div>
|
||||
<div class="Box-row Box-row--hover-blue">
|
||||
.Box-row--hover-blue
|
||||
</div>
|
||||
<div class="Box-row Box-row--blue">
|
||||
.Box-row--blue
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
Use `Box-row--focus-gray` or `Box-row--focus-blue` when using along-side `navigation-focus` if you want to highlight rows when using keyboard commands.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row Box-row--focus-gray navigation-focus">
|
||||
.Box-row--focus-gray and .navigation-focus
|
||||
</div>
|
||||
<div class="Box-row Box-row--focus-gray">
|
||||
.Box-row--focus-gray
|
||||
</div>
|
||||
<div class="Box-row Box-row--focus-blue navigation-focus">
|
||||
.Box-row--focus-blue and .navigation-focus
|
||||
</div>
|
||||
<div class="Box-row Box-row--focus-blue">
|
||||
.Box-row--focus-blue
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
### Box row unread
|
||||
Use `.Box-row-unread` to apply a blue vertical line highlight for indicating a row contains unread items.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row">
|
||||
Box row
|
||||
</div>
|
||||
<div class="Box-row Box-row--unread">
|
||||
Box row unread
|
||||
</div>
|
||||
<div class="Box-row">
|
||||
Box row
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
### Box row link
|
||||
Use .`Box-row-link` when you want a link to appear dark gray and blue on hover on desktop, and remain a blue link on mobile. This is useful to indicate links on mobile without having hover styles.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row">
|
||||
<a class="Box-row-link" href="#box-row-link">Box row link</a>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Dashed border
|
||||
Use the `border-dashed` utility to apply a dashed border to a box.
|
||||
|
||||
```html
|
||||
<div class="Box border-dashed p-2">
|
||||
A box with a dashed border
|
||||
</div>
|
||||
```
|
||||
|
||||
## Boxes with flash alerts
|
||||
Use `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`.
|
||||
|
||||
Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
Box header
|
||||
</div>
|
||||
<div class="flash flash-full">
|
||||
<button class="flash-close js-flash-close"><%= octicon "x" %></button>
|
||||
Flash message with close button.
|
||||
</div>
|
||||
<div class="flash flash-full flash-success">
|
||||
<%= octicon("check") %> Flash success with an icon.
|
||||
</div>
|
||||
<div class="flash flash-full flash-warn">
|
||||
<%= octicon("alert") %> Flash warning with an icon.
|
||||
</div>
|
||||
<div class="flash flash-full flash-error">
|
||||
Flash error inside a Box.
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Boxes with icons
|
||||
Use `Box-btn-octicon` with `btn-octicon` when you want the icon to maintain the same padding as other box elements. This selector offsets margin to ensure it lines up on the left and right sides of the box so you may need to add padding neighboring elements.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-body">
|
||||
<span class="pr-2">Box body</span>
|
||||
<button href="#" class="Box-btn-octicon btn-octicon"><%= octicon("pencil") %></button>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
It's common to want to float icons to the far left or right and stop the `Box-title`from wrapping underneath. To do this you'll need to create a media object with utilities. Add `clearfix` to the surrounding div (this could be the header, body, or rows), add `overflow-hidden` to the title (or other text element), and float the icons as desired.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header clearfix">
|
||||
<button href="#" class="Box-btn-octicon btn-octicon float-right"><%= octicon("x") %></button>
|
||||
<h3 class="Box-title overflow-hidden pr-3">A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row clearfix">
|
||||
<button href="#" class="Box-btn-octicon btn-octicon float-left"><%= octicon "check" %></button>
|
||||
<p class="overflow-hidden pl-3">A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left</p>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Box headers with counters
|
||||
Use a counter with a background that works against the contrast of the box header. The default counter colors do not stand out well against the header background so we suggest using one of the following styles:
|
||||
|
||||
Use `Counter--gray` for a counter with a gray background and dark gray text.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Box title
|
||||
<span class="Counter Counter--gray">12</span>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
Use `Counter--gray-dark` for a counter with a dark gray background and white text.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Box title
|
||||
<span class="Counter Counter--gray-dark">12</span>
|
||||
</h3>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
## Form elements and buttons in boxes
|
||||
To achieve different layouts when adding buttons or form elements to boxes we suggest you use utilities to achieve the layout you want. Here's some common examples:
|
||||
|
||||
Use [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
|
||||
|
||||
```html
|
||||
<div class="Box Box--condensed">
|
||||
<div class="Box-header d-flex flex-items-center">
|
||||
<h3 class="Box-title overflow-hidden flex-auto">
|
||||
Box title
|
||||
</h3>
|
||||
<button class="btn btn-primary btn-sm">
|
||||
Button
|
||||
</button>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
A similar approach can be used for buttons with multiple lines of text within a row.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-row d-flex flex-items-center">
|
||||
<div class="flex-auto">
|
||||
<strong>Row title</strong>
|
||||
<div class="text-small text-gray-light">
|
||||
Description
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" name="button">View</button>
|
||||
</div>
|
||||
<div class="Box-row d-flex flex-items-center">
|
||||
<div class="flex-auto">
|
||||
<strong>Row title</strong>
|
||||
<div class="text-small text-gray-light">
|
||||
Description
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" name="button">View</button>
|
||||
</div>
|
||||
<div class="Box-row d-flex flex-items-center">
|
||||
<div class="flex-auto">
|
||||
<strong>Row title</strong>
|
||||
<div class="text-small text-gray-light">
|
||||
Description
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn btn-primary" name="button">View</button>
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
Using flexbox along with form, button, and link styles, you can create more complex box headers for things like bulk actions and sorting.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header d-flex flex-items-center">
|
||||
<form class="flex-auto">
|
||||
<label>
|
||||
<input class="mr-1" type="checkbox">
|
||||
Check it
|
||||
</label>
|
||||
</form>
|
||||
<button class="btn-link select-menu-button muted-link">
|
||||
Select menu
|
||||
</button>
|
||||
</div>
|
||||
<div class="Box-body">
|
||||
Box body
|
||||
</div>
|
||||
</div>
|
||||
```
|
||||
|
||||
You can put forms in boxes. Often form submission buttons are aligned to the bottom right of the form which you can do with `text-right` instead of using floats.
|
||||
|
||||
```html
|
||||
<div class="Box">
|
||||
<div class="Box-header">
|
||||
<h3 class="Box-title">
|
||||
Example form title
|
||||
</h3>
|
||||
</div>
|
||||
<form>
|
||||
<div class="Box-body">
|
||||
<dl class="form-group">
|
||||
<dt><label>Example label</label></dt>
|
||||
<dd><input class="form-control" type="text"></dd>
|
||||
</dl>
|
||||
<div class="form-checkbox">
|
||||
<label>
|
||||
<input type="checkbox" checked="checked">
|
||||
Yes please
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="Box-footer text-right">
|
||||
<button class="btn btn-secondary mr-1">
|
||||
Cancel
|
||||
</button>
|
||||
<button class="btn btn-primary">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
```
|
||||
|
||||
When a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles.
|
||||
|
||||
```html
|
||||
<div class="Box Box--spacious col-6 mx-auto text-center">
|
||||
<form>
|
||||
<div class="Box-body">
|
||||
<h3 class="f1-light">
|
||||
Example form
|
||||
</h3>
|
||||
<dl class="form-group mb-4">
|
||||
<dt><label>Example label</label></dt>
|
||||
<dd><input class="form-control" type="text"></dd>
|
||||
</dl>
|
||||
<button class="btn btn-primary btn-block">
|
||||
Submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
```
|
||||
|
||||
Box patterns can also be made with, and modified with [border utilities](../utilities/borders).
|
||||
|
||||
<!-- %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-box/build/build.css
generated
vendored
Normal file
1
node_modules/primer-box/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.Box{background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0 -1px;background-color:#f6f8fa;border-color:#d1d5da;border-style:solid;border-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid #e1e4e8}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top:1px solid #e1e4e8}.Box-row:first-of-type{border-top-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.Box-row:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:2px 0 0 #0366d6 inset}.Box-row.navigation-focus .Box-row--drag-button{color:#0366d6;cursor:-webkit-grab;cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:-webkit-grabbing;cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:#fafbfc}.Box-row.navigation-focus.sortable-ghost{background-color:#f6f8fa}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:#f6f8fa}.Box-row--focus-blue.navigation-focus{background-color:#f1f8ff}.Box-row--hover-gray:hover{background-color:#f6f8fa}.Box-row--hover-blue:hover{background-color:#f1f8ff}@media (min-width: 768px){.Box-row-link{color:#24292e;text-decoration:none}.Box-row-link:hover{color:#0366d6;text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top:1px solid #e1e4e8}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:#c8e1ff}.Box--blue .Box-header{background-color:#f1f8ff;border-color:#c8e1ff}.Box--blue .Box-body{border-color:#c8e1ff}.Box--blue .Box-row{border-color:#c8e1ff}.Box--blue .Box-footer{border-color:#c8e1ff}.Box--danger{border-color:#d73a49}.Box--danger .Box-row:first-of-type{border-color:#d73a49}.Box--danger .Box-body:last-of-type{border-color:#d73a49}.Box-header--blue{background-color:#f1f8ff;border-color:#c8e1ff}.Box-row--yellow{background-color:#fffbdd}.Box-row--blue{background-color:#f1f8ff}.Box-row--gray{background-color:#f6f8fa}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}
|
||||
1
node_modules/primer-box/build/index.js
generated
vendored
Normal file
1
node_modules/primer-box/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":2970,"gzipSize":780,"humanizedSize":"3kB","humanizedGzipSize":"780B","rules":{"total":48,"size":{"graph":[3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.75}},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":84,"unique":49,"properties":{"background-color":["#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px"],"font-size":["20px","14px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff"],"border-style":["solid"],"border-width":["1px"],"border-top-left-radius":["3px","2px"],"border-top-right-radius":["3px","2px"],"font-weight":["600"],"border-bottom":["1px solid #e1e4e8"],"margin-bottom":["-1px"],"border-bottom-right-radius":["2px","2px"],"border-bottom-left-radius":["2px","2px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-top-color":["transparent"],"box-shadow":["2px 0 0 #0366d6 inset"],"color":["#0366d6","#24292e","#0366d6"],"cursor":["-webkit-grab","grab","-webkit-grabbing","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}}]}}}
|
||||
2
node_modules/primer-box/index.scss
generated
vendored
Normal file
2
node_modules/primer-box/index.scss
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "primer-support/index.scss";
|
||||
@import "./lib/box.scss";
|
||||
284
node_modules/primer-box/lib/box.scss
generated
vendored
Normal file
284
node_modules/primer-box/lib/box.scss
generated
vendored
Normal file
@@ -0,0 +1,284 @@
|
||||
// Box
|
||||
// Intended to replace simple-box, boxed-group, and table-list
|
||||
|
||||
.Box {
|
||||
background-color: $white;
|
||||
border: $border-width $border-style $border-gray-dark;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
// Box padding density options
|
||||
.Box--condensed {
|
||||
line-height: $lh-condensed;
|
||||
|
||||
.Box-header {
|
||||
padding: $spacer-2 $spacer-3;
|
||||
}
|
||||
|
||||
.Box-body {
|
||||
padding: $spacer-2 $spacer-3;
|
||||
}
|
||||
|
||||
.Box-footer {
|
||||
padding: $spacer-2 $spacer-3;
|
||||
}
|
||||
|
||||
.Box-btn-octicon {
|
||||
&.btn-octicon {
|
||||
padding: $spacer-2 $spacer-3;
|
||||
margin: (-$spacer-2) (-$spacer-3);
|
||||
line-height: $lh-condensed;
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row {
|
||||
padding: $spacer-2 $spacer-3;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.Box--spacious {
|
||||
.Box-header {
|
||||
padding: $spacer-4;
|
||||
line-height: $lh-condensed;
|
||||
}
|
||||
|
||||
.Box-title {
|
||||
font-size: $h3-size;
|
||||
}
|
||||
|
||||
.Box-body {
|
||||
padding: $spacer-4;
|
||||
}
|
||||
|
||||
.Box-footer {
|
||||
padding: $spacer-4;
|
||||
}
|
||||
|
||||
.Box-btn-octicon {
|
||||
&.btn-octicon {
|
||||
padding: $spacer-4;
|
||||
margin: (-$spacer-4) (-$spacer-4);
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row {
|
||||
padding: $spacer-4;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.Box-header {
|
||||
padding: $spacer-3;
|
||||
margin: -1px -1px 0 -1px;
|
||||
background-color: $bg-gray;
|
||||
border-color: $border-gray-dark;
|
||||
border-style: $border-style;
|
||||
border-width: $border-width;
|
||||
border-top-left-radius: $border-radius;
|
||||
border-top-right-radius: $border-radius;
|
||||
}
|
||||
|
||||
.Box-title {
|
||||
font-size: $body-font-size;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.Box-body {
|
||||
padding: $spacer-3;
|
||||
border-bottom: $border-width $border-style $border-gray;
|
||||
|
||||
// Ensures bottom-border doesn't poke out when .Box-body used without box-footer
|
||||
&:last-of-type {
|
||||
margin-bottom: -1px;
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
// Box rows
|
||||
.Box-row {
|
||||
padding: $spacer-3;
|
||||
margin-top: -1px;
|
||||
list-style-type: none; // To account for applying Box component to a list
|
||||
border-top: $border-width $border-style $border-gray;
|
||||
|
||||
&:first-of-type {
|
||||
border-top-color: transparent;
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 2px;
|
||||
}
|
||||
|
||||
&:last-of-type {
|
||||
border-bottom-right-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
|
||||
// Adds a blue vertical line to the left of the row
|
||||
// For indicating a row item is unread
|
||||
&.Box-row--unread,
|
||||
// .unread to be deprecated with .Box-row-unread
|
||||
&.unread {
|
||||
box-shadow: 2px 0 0 $blue inset;
|
||||
}
|
||||
|
||||
&.navigation-focus {
|
||||
// Focus styles for when drag icon
|
||||
.Box-row--drag-button {
|
||||
color: $text-blue;
|
||||
cursor: grab;
|
||||
opacity: 100;
|
||||
}
|
||||
|
||||
// Grabbing while row is dragged
|
||||
&.is-dragging .Box-row--drag-button {
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
// Row dragging styles
|
||||
&.sortable-chosen {
|
||||
background-color: $bg-gray-light;
|
||||
}
|
||||
|
||||
// Makes dragging row background gray
|
||||
&.sortable-ghost {
|
||||
background-color: $bg-gray;
|
||||
|
||||
// Hides contents of row while dragging so row looks solid gray
|
||||
.Box-row--drag-hide {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row--focus-gray {
|
||||
&.navigation-focus {
|
||||
background-color: $bg-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row--focus-blue {
|
||||
&.navigation-focus {
|
||||
background-color: $bg-blue-light;
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row--hover-gray {
|
||||
&:hover {
|
||||
background-color: $bg-gray;
|
||||
}
|
||||
}
|
||||
|
||||
.Box-row--hover-blue {
|
||||
&:hover {
|
||||
background-color: $bg-blue-light;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional link style
|
||||
// Makes links on mobile blue since they don't have hover state,
|
||||
// and links are dark-gray with blue hover on desktop.
|
||||
.Box-row-link {
|
||||
@include breakpoint(md) {
|
||||
|
||||
color: $text-gray-dark;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
color: $text-blue;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// Optional drag icon styles for reordering items
|
||||
// Focus styles included in .Box-row above
|
||||
.Box-row--drag-button {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.Box-footer {
|
||||
padding: $spacer-3;
|
||||
margin-top: -1px; // prevents double border when used with .Box-body
|
||||
border-top: $border-width $border-style $border-gray;
|
||||
}
|
||||
|
||||
// Option for a box with scrolling content
|
||||
.Box--scrollable {
|
||||
max-height: 324px;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
// Box themes
|
||||
|
||||
.Box--blue {
|
||||
border-color: $border-blue-light;
|
||||
|
||||
.Box-header {
|
||||
background-color: $bg-blue-light;
|
||||
border-color: $border-blue-light;
|
||||
}
|
||||
|
||||
.Box-body {
|
||||
border-color: $border-blue-light;
|
||||
}
|
||||
|
||||
.Box-row {
|
||||
border-color: $border-blue-light;
|
||||
}
|
||||
|
||||
.Box-footer {
|
||||
border-color: $border-blue-light;
|
||||
}
|
||||
}
|
||||
|
||||
// Applies and red border to the outside of the box,
|
||||
// but not to the border separating rows.
|
||||
.Box--danger {
|
||||
border-color: $border-red;
|
||||
|
||||
.Box-row {
|
||||
&:first-of-type {
|
||||
border-color: $border-red;
|
||||
}
|
||||
}
|
||||
|
||||
.Box-body {
|
||||
&:last-of-type {
|
||||
border-color: $border-red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.Box-header--blue {
|
||||
background-color: $bg-blue-light;
|
||||
border-color: $border-blue-light;
|
||||
}
|
||||
|
||||
// Box row highlight themes
|
||||
|
||||
.Box-row--yellow {
|
||||
background-color: $yellow-100;
|
||||
}
|
||||
|
||||
.Box-row--blue {
|
||||
background-color: $bg-blue-light;
|
||||
}
|
||||
|
||||
.Box-row--gray {
|
||||
background-color: $bg-gray;
|
||||
}
|
||||
|
||||
//Box with btn-octicon
|
||||
.Box-btn-octicon {
|
||||
|
||||
// Increase specificity when btn-octicon is used because comes after .Box in the cascade
|
||||
&.btn-octicon {
|
||||
padding: $spacer-3 $spacer-3;
|
||||
margin: (-$spacer-3) (-$spacer-3);
|
||||
line-height: $lh-default; // override btn-octicon line-height
|
||||
}
|
||||
}
|
||||
69
node_modules/primer-box/package.json
generated
vendored
Normal file
69
node_modules/primer-box/package.json
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
{
|
||||
"_from": "primer-box@^2.1.7",
|
||||
"_id": "primer-box@2.1.7",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-BLcZ1evmpwgPWVgb9791TJTVc0I=",
|
||||
"_location": "/primer-box",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-box@^2.1.7",
|
||||
"name": "primer-box",
|
||||
"escapedName": "primer-box",
|
||||
"rawSpec": "^2.1.7",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^2.1.7"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-core",
|
||||
"/primer-css"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-box/-/primer-box-2.1.7.tgz",
|
||||
"_shasum": "04b719d5ebe6a7080f59581bf7bf754c94d57342",
|
||||
"_spec": "primer-box@^2.1.7",
|
||||
"_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 module for creating rounded-corner boxes with options for headers, lists, and footers.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"primer",
|
||||
"css",
|
||||
"github",
|
||||
"primercss"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-box",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-box"
|
||||
},
|
||||
"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.1.7"
|
||||
}
|
||||
30
node_modules/primer-breadcrumb/CHANGELOG.md
generated
vendored
Normal file
30
node_modules/primer-breadcrumb/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
# v0.1.1
|
||||
|
||||
* bumping the version - Jon Rohan [github/github@4a72b25](https://github.com/github/github/commit/4a72b25)
|
||||
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
|
||||
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
|
||||
* Mark breadcrumbs as navigation ref: http://w3c.github.io/aria-practices/examples/breadcrumb/index.html - Mu-An Chiou [github/github@697312d](https://github.com/github/github/commit/697312d)
|
||||
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
|
||||
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
|
||||
* Sorting and table objects. We also don't need homepage - Jon Rohan [github/github@798629d](https://github.com/github/github/commit/798629d)
|
||||
* Removing duplicate headers - Jon Rohan [github/github@225cee1](https://github.com/github/github/commit/225cee1)
|
||||
|
||||
# v0.1.0
|
||||
|
||||
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
|
||||
* update example markdown - Patrick Marsceill [github/github@601fe9d](https://github.com/github/github/commit/601fe9d)
|
||||
* Clean this up - Patrick Marsceill [github/github@c858d66](https://github.com/github/github/commit/c858d66)
|
||||
* refactor breadcrumb to be better - Patrick Marsceill [github/github@30b6eaa](https://github.com/github/github/commit/30b6eaa)
|
||||
* Update the names in the README files - Patrick Marsceill [github/github@75fed58](https://github.com/github/github/commit/75fed58)
|
||||
* Update names for npm publising - Patrick Marsceill [github/github@451f97a](https://github.com/github/github/commit/451f97a)
|
||||
* Fix import path across all scss files - Patrick Marsceill [github/github@a566f31](https://github.com/github/github/commit/a566f31)
|
||||
* Smart quote :( - Patrick Marsceill [github/github@3e116ad](https://github.com/github/github/commit/3e116ad)
|
||||
* Breadcrumb docs - Patrick Marsceill [github/github@9547e46](https://github.com/github/github/commit/9547e46)
|
||||
* Tweak breadcrumb spacing - Patrick Marsceill [github/github@b32a8b1](https://github.com/github/github/commit/b32a8b1)
|
||||
* Add breadcrumb docs - Patrick Marsceill [github/github@40a1743](https://github.com/github/github/commit/40a1743)
|
||||
* Tweak breadcrumb spacing and color - Patrick Marsceill [github/github@57fd94b](https://github.com/github/github/commit/57fd94b)
|
||||
* Test data for breadcrumb docs - Patrick Marsceill [github/github@9db2182](https://github.com/github/github/commit/9db2182)
|
||||
* Fix variable collisions and add basecoat to site to test sass compilation errors - Patrick Marsceill [github/github@c73eee3](https://github.com/github/github/commit/c73eee3)
|
||||
* Remove basecoat - Patrick Marsceill [github/github@1b1503d](https://github.com/github/github/commit/1b1503d)
|
||||
* prefix bc => marketing - Patrick Marsceill [github/github@04d509a](https://github.com/github/github/commit/04d509a)
|
||||
* Add breadcrumbs - Patrick Marsceill [github/github@7edec21](https://github.com/github/github/commit/7edec21)
|
||||
21
node_modules/primer-breadcrumb/LICENSE
generated
vendored
Normal file
21
node_modules/primer-breadcrumb/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.
|
||||
47
node_modules/primer-breadcrumb/README.md
generated
vendored
Normal file
47
node_modules/primer-breadcrumb/README.md
generated
vendored
Normal file
@@ -0,0 +1,47 @@
|
||||
# Primer Marketing CSS Breadcrumb Navigation
|
||||
|
||||
[](https://www.npmjs.org/package/primer-breadcrumb)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Breadcrumb navigation for GitHub's marketing pages with parents / grandparents.
|
||||
|
||||
This repository is a module of the full [primer-css][primer] repository.
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Breadcrumbs
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Breadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that:
|
||||
|
||||
- Are many levels deep on a site
|
||||
- Do not have a section-level navigation
|
||||
- May need the ability to quickly go back to the previous (parent) page
|
||||
|
||||
#### Usage
|
||||
|
||||
```html
|
||||
<nav aria-label="Breadcrumb">
|
||||
<ol>
|
||||
<li class="breadcrumb-item text-small"><a href="/business">Business</a></li>
|
||||
<li class="breadcrumb-item text-small"><a href="/business/customers">Customers</a></li>
|
||||
<li class="breadcrumb-item breadcrumb-item-selected text-small text-gray" aria-current="page">MailChimp</li>
|
||||
</ol>
|
||||
</nav>
|
||||
```
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
## License
|
||||
|
||||
MIT © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: https://github.com/primer/primer
|
||||
[primer-support]: https://github.com/primer/primer-support
|
||||
[support]: https://github.com/primer/primer-support
|
||||
[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-breadcrumb/build/build.css
generated
vendored
Normal file
1
node_modules/primer-breadcrumb/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.breadcrumb-item{display:inline-block;margin-left:-4px;white-space:nowrap;list-style:none}.breadcrumb-item::after{padding-right:0.5em;padding-left:0.5em;color:#e1e4e8;content:"/"}.breadcrumb-item-selected::after{content:none}
|
||||
1
node_modules/primer-breadcrumb/build/index.js
generated
vendored
Normal file
1
node_modules/primer-breadcrumb/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":226,"gzipSize":165,"humanizedSize":"226B","humanizedGzipSize":"165B","rules":{"total":3,"size":{"graph":[4,4,1],"max":4,"average":3}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".breadcrumb-item",".breadcrumb-item::after",".breadcrumb-item-selected::after"],"specificity":{"max":11,"average":10.666666666666666}},"declarations":{"total":9,"unique":9,"properties":{"display":["inline-block"],"margin-left":["-4px"],"white-space":["nowrap"],"list-style":["none"],"padding-right":["0.5em"],"padding-left":["0.5em"],"color":["#e1e4e8"],"content":["\"/\"","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
4
node_modules/primer-breadcrumb/index.scss
generated
vendored
Normal file
4
node_modules/primer-breadcrumb/index.scss
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/breadcrumb.scss";
|
||||
19
node_modules/primer-breadcrumb/lib/breadcrumb.scss
generated
vendored
Normal file
19
node_modules/primer-breadcrumb/lib/breadcrumb.scss
generated
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
.breadcrumb-item {
|
||||
display: inline-block;
|
||||
margin-left: -4px;
|
||||
white-space: nowrap;
|
||||
list-style: none;
|
||||
|
||||
&::after {
|
||||
padding-right: 0.5em;
|
||||
padding-left: 0.5em;
|
||||
color: $border-gray;
|
||||
content: "/";
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-item-selected {
|
||||
&::after {
|
||||
content: none;
|
||||
}
|
||||
}
|
||||
73
node_modules/primer-breadcrumb/package.json
generated
vendored
Normal file
73
node_modules/primer-breadcrumb/package.json
generated
vendored
Normal file
@@ -0,0 +1,73 @@
|
||||
{
|
||||
"_from": "primer-breadcrumb@^1.0.1",
|
||||
"_id": "primer-breadcrumb@1.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-0O9p0vHeTOnU3ZPHwFmVRQbcDuQ=",
|
||||
"_location": "/primer-breadcrumb",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-breadcrumb@^1.0.1",
|
||||
"name": "primer-breadcrumb",
|
||||
"escapedName": "primer-breadcrumb",
|
||||
"rawSpec": "^1.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^1.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css",
|
||||
"/primer-marketing"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.0.1.tgz",
|
||||
"_shasum": "d0ef69d2f1de4ce9d4dd93c7c059954506dc0ee4",
|
||||
"_spec": "primer-breadcrumb@^1.0.1",
|
||||
"_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-marketing-support": "^1.0.1",
|
||||
"primer-support": "^4.0.6"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Breadcrumb navigation for pages with parents / grandparents.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"breadcrumb",
|
||||
"css",
|
||||
"github",
|
||||
"navigation",
|
||||
"primer",
|
||||
"primercss",
|
||||
"style"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-breadcrumb",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-breadcrumb"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "primer-module-build index.scss",
|
||||
"prepare": "npm run build",
|
||||
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "1.0.1"
|
||||
}
|
||||
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"
|
||||
}
|
||||
31
node_modules/primer-cards/CHANGELOG.md
generated
vendored
Normal file
31
node_modules/primer-cards/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,31 @@
|
||||
# v0.1.2
|
||||
|
||||
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
|
||||
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
|
||||
|
||||
# v0.1.1
|
||||
|
||||
* bumping the version - Jon Rohan [github/github@4a72b25](https://github.com/github/github/commit/4a72b25)
|
||||
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
|
||||
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
|
||||
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
|
||||
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
|
||||
* Sorting and table objects. We also don't need homepage - Jon Rohan [github/github@798629d](https://github.com/github/github/commit/798629d)
|
||||
* Removing duplicate headers - Jon Rohan [github/github@225cee1](https://github.com/github/github/commit/225cee1)
|
||||
|
||||
# v0.1.0
|
||||
|
||||
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
|
||||
* Update border radius for cards because it is not the same as box. - Patrick Marsceill [github/github@9dc19b3](https://github.com/github/github/commit/9dc19b3)
|
||||
* fix a typo - Patrick Marsceill [github/github@24acfeb](https://github.com/github/github/commit/24acfeb)
|
||||
* Update the names in the README files - Patrick Marsceill [github/github@75fed58](https://github.com/github/github/commit/75fed58)
|
||||
* Update pathing on cards README - Patrick Marsceill [github/github@443f2e2](https://github.com/github/github/commit/443f2e2)
|
||||
* Update names for npm publising - Patrick Marsceill [github/github@451f97a](https://github.com/github/github/commit/451f97a)
|
||||
* Fix import path across all scss files - Patrick Marsceill [github/github@a566f31](https://github.com/github/github/commit/a566f31)
|
||||
* RIP unused styles - Patrick Marsceill [github/github@31dc325](https://github.com/github/github/commit/31dc325)
|
||||
* fix cards - Patrick Marsceill [github/github@a6beedf](https://github.com/github/github/commit/a6beedf)
|
||||
* Add cards to docs - Sophie Shepherd [github/github@b421a08](https://github.com/github/github/commit/b421a08)
|
||||
* Fix variable collisions and add basecoat to site to test sass compilation errors - Patrick Marsceill [github/github@c73eee3](https://github.com/github/github/commit/c73eee3)
|
||||
* Remove basecoat - Patrick Marsceill [github/github@1b1503d](https://github.com/github/github/commit/1b1503d)
|
||||
* prefix bc => marketing - Patrick Marsceill [github/github@04d509a](https://github.com/github/github/commit/04d509a)
|
||||
* Cards - Patrick Marsceill [github/github@306cbfc](https://github.com/github/github/commit/306cbfc)
|
||||
21
node_modules/primer-cards/LICENSE
generated
vendored
Normal file
21
node_modules/primer-cards/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.
|
||||
58
node_modules/primer-cards/README.md
generated
vendored
Normal file
58
node_modules/primer-cards/README.md
generated
vendored
Normal file
@@ -0,0 +1,58 @@
|
||||
# Primer Marketing CSS Cards
|
||||
|
||||
[](https://www.npmjs.org/package/primer-cards)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Card-like containers to group semantically related content together on marketing websites at GitHub.
|
||||
|
||||
This repository is a module of the full [primer-css][primer] repository.
|
||||
|
||||
## Documentation
|
||||
|
||||
<!-- %docs
|
||||
title: Cards
|
||||
status: In review
|
||||
-->
|
||||
|
||||
Documentation & refactor coming very soon
|
||||
|
||||
<!-- %enddocs -->
|
||||
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-cards` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-cards
|
||||
```
|
||||
|
||||
## 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-cards/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`
|
||||
|
||||
```
|
||||
$ npm run build
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
MIT © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: https://github.com/primer/primer
|
||||
[primer-support]: https://github.com/primer/primer-support
|
||||
[support]: https://github.com/primer/primer-support
|
||||
[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-cards/build/build.css
generated
vendored
Normal file
1
node_modules/primer-cards/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.card{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;box-shadow:0 1px 1px rgba(27,31,35,0.1)}
|
||||
1
node_modules/primer-cards/build/index.js
generated
vendored
Normal file
1
node_modules/primer-cards/build/index.js
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
module.exports = {"cssstats":{"size":112,"gzipSize":121,"humanizedSize":"112B","humanizedGzipSize":"121B","rules":{"total":1,"size":{"graph":[4],"max":4,"average":4}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".card"],"specificity":{"max":10,"average":10}},"declarations":{"total":4,"unique":4,"properties":{"background-color":["#fff"],"border":["1px #e1e4e8 solid"],"border-radius":["6px"],"box-shadow":["0 1px 1px rgba(27,31,35,0.1)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}
|
||||
4
node_modules/primer-cards/index.scss
generated
vendored
Normal file
4
node_modules/primer-cards/index.scss
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/cards.scss";
|
||||
6
node_modules/primer-cards/lib/cards.scss
generated
vendored
Normal file
6
node_modules/primer-cards/lib/cards.scss
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
.card {
|
||||
background-color: $white;
|
||||
border: $border;
|
||||
border-radius: 6px;
|
||||
box-shadow: $box-shadow;
|
||||
}
|
||||
72
node_modules/primer-cards/package.json
generated
vendored
Normal file
72
node_modules/primer-cards/package.json
generated
vendored
Normal file
@@ -0,0 +1,72 @@
|
||||
{
|
||||
"_from": "primer-cards@^0.1.7",
|
||||
"_id": "primer-cards@0.1.7",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-mm6sbVO9PeK0XzlWoBKz9jf7K3o=",
|
||||
"_location": "/primer-cards",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-cards@^0.1.7",
|
||||
"name": "primer-cards",
|
||||
"escapedName": "primer-cards",
|
||||
"rawSpec": "^0.1.7",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^0.1.7"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css",
|
||||
"/primer-marketing"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-cards/-/primer-cards-0.1.7.tgz",
|
||||
"_shasum": "9a6eac6d53bd3de2b45f3956a012b3f637fb2b7a",
|
||||
"_spec": "primer-cards@^0.1.7",
|
||||
"_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-marketing-support": "^1.0.1",
|
||||
"primer-support": "^4.0.6"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Card-like containers to group semantically related content together on marketing websites at GitHub.",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*",
|
||||
"stylelint": "*",
|
||||
"stylelint-config-primer": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"lib",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"keywords": [
|
||||
"cards",
|
||||
"css",
|
||||
"github",
|
||||
"primer",
|
||||
"primercss",
|
||||
"style"
|
||||
],
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-cards",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-cards"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "primer-module-build index.scss",
|
||||
"prepare": "npm run build",
|
||||
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "0.1.7"
|
||||
}
|
||||
3
node_modules/primer-core/CHANGELOG.md
generated
vendored
Normal file
3
node_modules/primer-core/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
# 1.0.0
|
||||
|
||||
- Grouping primer modules into core
|
||||
21
node_modules/primer-core/LICENSE
generated
vendored
Normal file
21
node_modules/primer-core/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.
|
||||
48
node_modules/primer-core/README.md
generated
vendored
Normal file
48
node_modules/primer-core/README.md
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
# Primer Core
|
||||
|
||||
[](https://www.npmjs.org/package/primer-core)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Primer core is one of 3 meta-packages that belong to the Primer CSS framework. Primer core contains packages that are shared between GitHub product and marketing websites.
|
||||
|
||||
This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
|
||||
|
||||
```
|
||||
$ npm install --save primer-core
|
||||
```
|
||||
|
||||
## 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-core/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, an 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
|
||||
|
||||
You can read more about primer in the [docs][docs].
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: 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/
|
||||
6
node_modules/primer-core/build/build.css
generated
vendored
Normal file
6
node_modules/primer-core/build/build.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-core/build/index.js
generated
vendored
Normal file
1
node_modules/primer-core/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
28
node_modules/primer-core/index.scss
generated
vendored
Normal file
28
node_modules/primer-core/index.scss
generated
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
/*!
|
||||
* Primer-core
|
||||
* http://primercss.io
|
||||
*
|
||||
* Released under MIT license. Copyright 2015 GitHub, Inc.
|
||||
*/
|
||||
|
||||
// Primer master file
|
||||
//
|
||||
// Imports all Primer files in their intended order for easy mass-inclusion.
|
||||
// Should you need specific files, you can easily use separate `@import`s.
|
||||
|
||||
// Global requirements
|
||||
@import "primer-support/index.scss";
|
||||
|
||||
// Core modules
|
||||
@import "primer-base/index.scss";
|
||||
@import "primer-box/index.scss";
|
||||
@import "primer-buttons/index.scss";
|
||||
@import "primer-table-object/index.scss";
|
||||
@import "primer-forms/index.scss";
|
||||
@import "primer-layout/index.scss";
|
||||
@import "primer-navigation/index.scss";
|
||||
@import "primer-tooltips/index.scss";
|
||||
@import "primer-truncate/index.scss";
|
||||
|
||||
// Utilities always go last so that they can override components
|
||||
@import "primer-utilities/index.scss";
|
||||
69
node_modules/primer-core/package.json
generated
vendored
Normal file
69
node_modules/primer-core/package.json
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
{
|
||||
"_from": "primer-core@^5.0.1",
|
||||
"_id": "primer-core@5.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-TZq/WuR3s7BJr7/lG78YpAA/0Ms=",
|
||||
"_location": "/primer-core",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-core@^5.0.1",
|
||||
"name": "primer-core",
|
||||
"escapedName": "primer-core",
|
||||
"rawSpec": "^5.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^5.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-css"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-core/-/primer-core-5.0.1.tgz",
|
||||
"_shasum": "4d9abf5ae477b3b049afbfe51bbf18a4003fd0cb",
|
||||
"_spec": "primer-core@^5.0.1",
|
||||
"_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-base": "^0.4.0",
|
||||
"primer-box": "^2.1.7",
|
||||
"primer-buttons": "^2.0.5",
|
||||
"primer-forms": "^1.0.12",
|
||||
"primer-layout": "^1.0.4",
|
||||
"primer-navigation": "^1.0.5",
|
||||
"primer-support": "^4.0.6",
|
||||
"primer-table-object": "^1.0.8",
|
||||
"primer-tooltips": "^1.0.1",
|
||||
"primer-truncate": "^1.0.1",
|
||||
"primer-utilities": "^4.3.4"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "Primer CSS's core modules",
|
||||
"devDependencies": {
|
||||
"primer-module-build": "*"
|
||||
},
|
||||
"files": [
|
||||
"index.scss",
|
||||
"build"
|
||||
],
|
||||
"homepage": "http://primercss.io/",
|
||||
"license": "MIT",
|
||||
"main": "build/index.js",
|
||||
"name": "primer-core",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-core"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "primer-module-build index.scss",
|
||||
"prepare": "npm run build",
|
||||
"test": "npm run build"
|
||||
},
|
||||
"style": "build/build.css",
|
||||
"version": "5.0.1"
|
||||
}
|
||||
26
node_modules/primer-css/CHANGELOG.md
generated
vendored
Normal file
26
node_modules/primer-css/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
# HEAD
|
||||
|
||||
# 4.4.0
|
||||
|
||||
- Adding primer-marketing module to primer
|
||||
|
||||
# 4.3.0
|
||||
|
||||
- Using primer-core and primer-product modules
|
||||
|
||||
# 4.1.0
|
||||
|
||||
- Added: [primer-markdown](https://github.com/primer/markdown) to the build
|
||||
- Fixes: Pointing "style" package.json to `build/build.css` file.
|
||||
|
||||
# 4.0.2
|
||||
|
||||
- Added npm build scripts to add `build/build.css` to the npm package
|
||||
|
||||
# 4.0.1
|
||||
|
||||
- Fixed: missing primer-layout from build
|
||||
|
||||
# 4.0.0
|
||||
|
||||
- Whole new npm build system, pulling in the code from separate component repos
|
||||
21
node_modules/primer-css/LICENSE
generated
vendored
Normal file
21
node_modules/primer-css/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.
|
||||
48
node_modules/primer-css/README.md
generated
vendored
Normal file
48
node_modules/primer-css/README.md
generated
vendored
Normal file
@@ -0,0 +1,48 @@
|
||||
# Primer CSS
|
||||
|
||||
[](https://www.npmjs.org/package/primer-css)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
Primer is the CSS framework that powers GitHub's front-end design. Primer CSS includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.
|
||||
|
||||
The Primer CSS repo is managed as a monorepo that is composed of many npm packages.
|
||||
|
||||
## Install
|
||||
|
||||
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `Primer-CSS` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-css
|
||||
```
|
||||
|
||||
## 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-css/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
|
||||
|
||||
You can read more about primer in the [docs][docs].
|
||||
|
||||
## License
|
||||
|
||||
[MIT](./LICENSE) © [GitHub](https://github.com/)
|
||||
|
||||
[primer]: 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/
|
||||
21
node_modules/primer-css/build/build.css
generated
vendored
Normal file
21
node_modules/primer-css/build/build.css
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
1
node_modules/primer-css/build/index.js
generated
vendored
Normal file
1
node_modules/primer-css/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
16
node_modules/primer-css/index.scss
generated
vendored
Normal file
16
node_modules/primer-css/index.scss
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*!
|
||||
* Primer
|
||||
* http://primercss.io
|
||||
*
|
||||
* Released under MIT license. Copyright 2015 GitHub, Inc.
|
||||
*/
|
||||
|
||||
// Primer master file
|
||||
//
|
||||
// Imports all Primer files in their intended order for easy mass-inclusion.
|
||||
// Should you need specific files, you can easily use separate `@import`s.
|
||||
|
||||
// Global requirements
|
||||
@import "primer-core/index.scss";
|
||||
@import "primer-product/index.scss";
|
||||
@import "primer-marketing/index.scss";
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user