mirror of
https://github.com/zhigang1992/probot.github.io.git
synced 2026-04-24 04:15:48 +08:00
Initial hacky version of site
This commit is contained in:
Brandon Keepers
79
node_modules/primer-tooltips/CHANGELOG.md
generated
vendored
Normal file
79
node_modules/primer-tooltips/CHANGELOG.md
generated
vendored
Normal file
@@ -0,0 +1,79 @@
|
||||
# v0.5.4
|
||||
|
||||
* Bump version and update changelog - Mu-An Chiou [github/github@8bed463](https://github.com/github/github/commit/8bed463)7ff6
|
||||
* Remove word-break and use word-wrap instead - Mu-An Chiou [github/github@35f9c6b](https://github.com/github/github/commit/35f9c6b)6ad8
|
||||
|
||||
# v0.5.3
|
||||
|
||||
* 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.5.2
|
||||
|
||||
* 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)
|
||||
* Add note on aria-label and reminder to tooltip responsibly - Mu-An Chiou [github/github@44adee6](https://github.com/github/github/commit/44adee6)
|
||||
|
||||
# v0.5.1
|
||||
|
||||
* add docs for multi-line tooltips - broccolini [github/github@9524337](https://github.com/github/github/commit/9524337)
|
||||
* patch version - Jon Rohan [github/github@97acc55](https://github.com/github/github/commit/97acc55)
|
||||
* typo - Jon Rohan [github/github@eb0773b](https://github.com/github/github/commit/eb0773b)
|
||||
|
||||
# v0.5.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.4.0
|
||||
|
||||
* Updating to major new version - Jon Rohan [github/github@f0df999](https://github.com/github/github/commit/f0df999)
|
||||
* finding more left/right - Jon Rohan [github/github@c80b828](https://github.com/github/github/commit/c80b828)
|
||||
|
||||
# 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)
|
||||
* Add back tooltip multiline bug - Jon Rohan [github/github@4a32708](https://github.com/github/github/commit/4a32708)
|
||||
* dropping some browser hacks - Jon Rohan [github/github@2969e8a](https://github.com/github/github/commit/2969e8a)
|
||||
* 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)
|
||||
* 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)
|
||||
* Moving tooltips from primer/primer to a module - Jon Rohan [github/github@3d28acb](https://github.com/github/github/commit/3d28acb)
|
||||
21
node_modules/primer-tooltips/LICENSE
generated
vendored
Normal file
21
node_modules/primer-tooltips/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.
|
||||
117
node_modules/primer-tooltips/README.md
generated
vendored
Normal file
117
node_modules/primer-tooltips/README.md
generated
vendored
Normal file
@@ -0,0 +1,117 @@
|
||||
# Primer CSS Tooltips
|
||||
|
||||
[](https://www.npmjs.org/package/primer-tooltips)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an aria-label attribute.
|
||||
|
||||
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-tooltips` with this command.
|
||||
|
||||
```
|
||||
$ npm install --save primer-tooltips
|
||||
```
|
||||
|
||||
## 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-tooltips/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: Tooltips
|
||||
status: Stable
|
||||
-->
|
||||
|
||||
Add tooltips built entirely in CSS to nearly any element. Just add a few classes and an `aria-label` attribute.
|
||||
|
||||
**Attention**: we use `aria-label` for tooltips instead of something like `data-tooltip` because it is crucial that the tooltip content is available for screen reader users as well. However, `aria-label` **replaces** the text content of an element for screen reader users, so only use tooltip if there is no better way to present the information, or consider using `title` for supplement information.
|
||||
|
||||
In addition, you'll want to specify a direction:
|
||||
|
||||
- `.tooltipped-n`
|
||||
- `.tooltipped-ne`
|
||||
- `.tooltipped-e`
|
||||
- `.tooltipped-se`
|
||||
- `.tooltipped-s`
|
||||
- `.tooltipped-sw`
|
||||
- `.tooltipped-w`
|
||||
- `.tooltipped-nw`
|
||||
|
||||
Tooltip classes will conflict with Octicon classes, and as such, must go on a parent element instead of the icon.
|
||||
|
||||
```html
|
||||
<span class="tooltipped tooltipped-n border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the North side.">
|
||||
Tooltip North
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-ne border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the North East side.">
|
||||
Tooltip North East
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-e border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the East side.">
|
||||
Tooltip East
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-se border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the South East side.">
|
||||
Tooltip South East
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-s border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the South side.">
|
||||
Tooltip South
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-sw border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the South West side.">
|
||||
Tooltip South West
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-w border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the West side.">
|
||||
Tooltip West
|
||||
</span>
|
||||
<span class="tooltipped tooltipped-nw border p-2 mb-2 mr-2 float-left" aria-label="This is the tooltip on the North West side.">
|
||||
Tooltip North West
|
||||
</span>
|
||||
```
|
||||
|
||||
#### Tooltips with multiple lines
|
||||
Use `.tooltipped-multiline` when you have long content. This style has some limitations: you cannot pre-format the text with newlines, and tooltips are limited to a max-width of `250px`.
|
||||
|
||||
|
||||
```html
|
||||
<span class="tooltipped tooltipped-multiline tooltipped-n border p-2" aria-label="This is the tooltip with multiple lines. This is the tooltip with multiple lines.">
|
||||
Tooltip with multiple lines
|
||||
</span>
|
||||
```
|
||||
|
||||
#### Tooltips No Delay
|
||||
|
||||
By default the tooltips have a slight delay before appearing. This is to keep multiple tooltips in the UI from being distracting. There is a modifier class you can use to override this. `.tooltipped-no-delay`
|
||||
|
||||
```html
|
||||
<span class="tooltipped tooltipped-n tooltipped-no-delay border p-2" aria-label="This is the tooltip on the no delay side.">
|
||||
Tooltip no delay
|
||||
</span>
|
||||
```
|
||||
|
||||
<!-- %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-tooltips/build/build.css
generated
vendored
Normal file
1
node_modules/primer-tooltips/build/build.css
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.tooltipped{position:relative}.tooltipped::after{position:absolute;z-index:1000000;display:none;padding:5px 8px;font:normal normal 11px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:subpixel-antialiased;color:#fff;text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:rgba(27,31,35,0.8);border-radius:3px;opacity:0}.tooltipped::before{position:absolute;z-index:1000001;display:none;width:0;height:0;color:rgba(27,31,35,0.8);pointer-events:none;content:"";border:5px solid transparent;opacity:0}@-webkit-keyframes tooltip-appear{from{opacity:0}to{opacity:1}}@keyframes tooltip-appear{from{opacity:0}to{opacity:1}}.tooltipped:hover::before,.tooltipped:hover::after,.tooltipped:active::before,.tooltipped:active::after,.tooltipped:focus::before,.tooltipped:focus::after{display:inline-block;text-decoration:none;-webkit-animation-name:tooltip-appear;animation-name:tooltip-appear;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.4s;animation-delay:.4s}.tooltipped-no-delay:hover::before,.tooltipped-no-delay:hover::after,.tooltipped-no-delay:active::before,.tooltipped-no-delay:active::after,.tooltipped-no-delay:focus::before,.tooltipped-no-delay:focus::after{opacity:1;-webkit-animation:none;animation:none}.tooltipped-multiline:hover::after,.tooltipped-multiline:active::after,.tooltipped-multiline:focus::after{display:table-cell}.tooltipped-s::after,.tooltipped-se::after,.tooltipped-sw::after{top:100%;right:50%;margin-top:5px}.tooltipped-s::before,.tooltipped-se::before,.tooltipped-sw::before{top:auto;right:50%;bottom:-5px;margin-right:-5px;border-bottom-color:rgba(27,31,35,0.8)}.tooltipped-se::after{right:auto;left:50%;margin-left:-15px}.tooltipped-sw::after{margin-right:-15px}.tooltipped-n::after,.tooltipped-ne::after,.tooltipped-nw::after{right:50%;bottom:100%;margin-bottom:5px}.tooltipped-n::before,.tooltipped-ne::before,.tooltipped-nw::before{top:-5px;right:50%;bottom:auto;margin-right:-5px;border-top-color:rgba(27,31,35,0.8)}.tooltipped-ne::after{right:auto;left:50%;margin-left:-15px}.tooltipped-nw::after{margin-right:-15px}.tooltipped-s::after,.tooltipped-n::after{-webkit-transform:translateX(50%);transform:translateX(50%)}.tooltipped-w::after{right:100%;bottom:50%;margin-right:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-w::before{top:50%;bottom:50%;left:-5px;margin-top:-5px;border-left-color:rgba(27,31,35,0.8)}.tooltipped-e::after{bottom:50%;left:100%;margin-left:5px;-webkit-transform:translateY(50%);transform:translateY(50%)}.tooltipped-e::before{top:50%;right:-5px;bottom:50%;margin-top:-5px;border-right-color:rgba(27,31,35,0.8)}.tooltipped-multiline::after{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:250px;word-wrap:break-word;white-space:pre-line;border-collapse:separate}.tooltipped-multiline.tooltipped-s::after,.tooltipped-multiline.tooltipped-n::after{right:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w::after,.tooltipped-multiline.tooltipped-e::after{right:100%}@media screen and (min-width: 0\0){.tooltipped-multiline::after{width:250px}}.tooltipped-sticky::before,.tooltipped-sticky::after{display:inline-block}.tooltipped-sticky.tooltipped-multiline::after{display:table-cell}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.tooltipped-w::after{margin-right:4.5px}}
|
||||
1
node_modules/primer-tooltips/build/index.js
generated
vendored
Normal file
1
node_modules/primer-tooltips/build/index.js
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
2
node_modules/primer-tooltips/index.scss
generated
vendored
Normal file
2
node_modules/primer-tooltips/index.scss
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
@import "primer-support/index.scss";
|
||||
@import "./lib/tooltips.scss";
|
||||
280
node_modules/primer-tooltips/lib/tooltips.scss
generated
vendored
Normal file
280
node_modules/primer-tooltips/lib/tooltips.scss
generated
vendored
Normal file
@@ -0,0 +1,280 @@
|
||||
.tooltipped {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// This is the tooltip bubble
|
||||
.tooltipped::after {
|
||||
position: absolute;
|
||||
z-index: 1000000;
|
||||
display: none;
|
||||
padding: 5px 8px;
|
||||
font: normal normal 11px/1.5 $body-font;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
color: $tooltip-text-color;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
pointer-events: none;
|
||||
content: attr(aria-label);
|
||||
background: $tooltip-background-color;
|
||||
border-radius: 3px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// This is the tooltip arrow
|
||||
.tooltipped::before {
|
||||
position: absolute;
|
||||
z-index: 1000001;
|
||||
display: none;
|
||||
width: 0;
|
||||
height: 0;
|
||||
color: $tooltip-background-color;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
border: 5px solid transparent;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
// delay animation for tooltip
|
||||
@keyframes tooltip-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// This will indicate when we'll activate the tooltip
|
||||
.tooltipped:hover,
|
||||
.tooltipped:active,
|
||||
.tooltipped:focus {
|
||||
&::before,
|
||||
&::after {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
animation-name: tooltip-appear;
|
||||
animation-duration: $tooltip-duration;
|
||||
animation-fill-mode: forwards;
|
||||
animation-timing-function: ease-in;
|
||||
animation-delay: $tooltip-delay;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-no-delay:hover,
|
||||
.tooltipped-no-delay:active,
|
||||
.tooltipped-no-delay:focus {
|
||||
&::before,
|
||||
&::after {
|
||||
opacity: 1;
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-multiline:hover,
|
||||
.tooltipped-multiline:active,
|
||||
.tooltipped-multiline:focus {
|
||||
&::after {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
// Tooltipped south
|
||||
.tooltipped-s,
|
||||
.tooltipped-se,
|
||||
.tooltipped-sw {
|
||||
&::after {
|
||||
top: 100%;
|
||||
right: 50%;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: auto;
|
||||
right: 50%;
|
||||
bottom: -5px;
|
||||
margin-right: -5px;
|
||||
border-bottom-color: $tooltip-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-se {
|
||||
&::after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-sw::after {
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
// Tooltips above the object
|
||||
.tooltipped-n,
|
||||
.tooltipped-ne,
|
||||
.tooltipped-nw {
|
||||
&::after {
|
||||
right: 50%;
|
||||
bottom: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: -5px;
|
||||
right: 50%;
|
||||
bottom: auto;
|
||||
margin-right: -5px;
|
||||
border-top-color: $tooltip-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-ne {
|
||||
&::after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltipped-nw::after {
|
||||
margin-right: -15px;
|
||||
}
|
||||
|
||||
// Move the tooltip body to the center of the object.
|
||||
.tooltipped-s::after,
|
||||
.tooltipped-n::after {
|
||||
transform: translateX(50%);
|
||||
}
|
||||
|
||||
// Tooltipped to the left
|
||||
.tooltipped-w {
|
||||
&::after {
|
||||
right: 100%;
|
||||
bottom: 50%;
|
||||
margin-right: 5px;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: 50%;
|
||||
bottom: 50%;
|
||||
left: -5px;
|
||||
margin-top: -5px;
|
||||
border-left-color: $tooltip-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
// tooltipped to the right
|
||||
.tooltipped-e {
|
||||
&::after {
|
||||
bottom: 50%;
|
||||
left: 100%;
|
||||
margin-left: 5px;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
&::before {
|
||||
top: 50%;
|
||||
right: -5px;
|
||||
bottom: 50%;
|
||||
margin-top: -5px;
|
||||
border-right-color: $tooltip-background-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Multiline tooltips
|
||||
//
|
||||
// `.tooltipped-multiline` Add this class when you have long content.
|
||||
// The downside is you cannot preformat the text with newlines and `[w,e]`
|
||||
// are always `$tooltip-max-width` wide.
|
||||
.tooltipped-multiline {
|
||||
&::after {
|
||||
width: max-content;
|
||||
max-width: $tooltip-max-width;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-line;
|
||||
border-collapse: separate;
|
||||
}
|
||||
|
||||
&.tooltipped-s::after,
|
||||
&.tooltipped-n::after {
|
||||
right: auto;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
&.tooltipped-w::after,
|
||||
&.tooltipped-e::after {
|
||||
right: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 0\0) {
|
||||
// IE11
|
||||
.tooltipped-multiline::after {
|
||||
width: $tooltip-max-width;
|
||||
}
|
||||
}
|
||||
|
||||
// Sticky tooltips
|
||||
//
|
||||
// Always show the tooltip.
|
||||
.tooltipped-sticky {
|
||||
&::before,
|
||||
&::after {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&.tooltipped-multiline {
|
||||
&::after {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Alert tooltips
|
||||
//
|
||||
// Colors for different alert states.
|
||||
@mixin colorizeTooltip($text-color, $background-color) {
|
||||
&::after {
|
||||
color: $text-color;
|
||||
background: $background-color;
|
||||
}
|
||||
|
||||
&.tooltipped-s,
|
||||
&.tooltipped-se,
|
||||
&.tooltipped-sw {
|
||||
&::before {
|
||||
border-bottom-color: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltipped-n,
|
||||
&.tooltipped-ne,
|
||||
&.tooltipped-nw {
|
||||
&::before {
|
||||
border-top-color: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.tooltipped-e::before {
|
||||
border-right-color: $background-color;
|
||||
}
|
||||
|
||||
&.tooltipped-w::before {
|
||||
border-left-color: $background-color;
|
||||
}
|
||||
}
|
||||
|
||||
@include retina-media-query {
|
||||
.tooltipped-w::after {
|
||||
// weird bug on retina
|
||||
margin-right: 4.5px;
|
||||
}
|
||||
}
|
||||
69
node_modules/primer-tooltips/package.json
generated
vendored
Normal file
69
node_modules/primer-tooltips/package.json
generated
vendored
Normal file
@@ -0,0 +1,69 @@
|
||||
{
|
||||
"_from": "primer-tooltips@^1.0.1",
|
||||
"_id": "primer-tooltips@1.0.1",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha1-BpKvasKqFzRkIb7cKDIBSyZ3VN8=",
|
||||
"_location": "/primer-tooltips",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "primer-tooltips@^1.0.1",
|
||||
"name": "primer-tooltips",
|
||||
"escapedName": "primer-tooltips",
|
||||
"rawSpec": "^1.0.1",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "^1.0.1"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/primer-core",
|
||||
"/primer-css"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/primer-tooltips/-/primer-tooltips-1.0.1.tgz",
|
||||
"_shasum": "0692af6ac2aa17346421bedc2832014b267754df",
|
||||
"_spec": "primer-tooltips@^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": "Add tooltips built entirely in CSS to nearly any element.",
|
||||
"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-tooltips",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-tooltips"
|
||||
},
|
||||
"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"
|
||||
}
|
||||
Reference in New Issue
Block a user