Update styling (#1498)
This commit is contained in:
parent
c792f1b418
commit
afc25b5e1f
|
@ -10,7 +10,7 @@
|
||||||
%}
|
%}
|
||||||
{% include 2017/head.html critical='home' %}
|
{% include 2017/head.html critical='home' %}
|
||||||
|
|
||||||
</head><body>
|
</head><body class='UseCompactHeader HighlightPubFirstLine'>
|
||||||
|
|
||||||
{% include 2017/top-nav.html page=page is_home=true noedit=true noback=true %}
|
{% include 2017/top-nav.html page=page is_home=true noedit=true noback=true %}
|
||||||
|
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
{% include 2017/head.html critical='sheet' %}
|
{% include 2017/head.html critical='sheet' %}
|
||||||
{% include 2017/article-schema.html page=page %}
|
{% include 2017/article-schema.html page=page %}
|
||||||
|
|
||||||
</head><body>
|
</head><body class='UseCompactHeader HighlightPubFirstLine'>
|
||||||
|
|
||||||
{% include 2017/top-nav.html page=page %}
|
{% include 2017/top-nav.html page=page %}
|
||||||
|
|
||||||
|
|
|
@ -78,7 +78,9 @@ $placeholder-bg-size: 450px;
|
||||||
|
|
||||||
// Hide placeholders after carbon has loaded
|
// Hide placeholders after carbon has loaded
|
||||||
#carbonads ~ .placeholder {
|
#carbonads ~ .placeholder {
|
||||||
display: none;
|
opacity: 0;
|
||||||
|
transition: opacity 250ms linear;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
& > .placeholder {
|
& > .placeholder {
|
||||||
|
@ -135,6 +137,10 @@ $placeholder-bg-size: 450px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.HighlightPubFirstLine & > div > span:first-line {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
// Clearfix
|
// Clearfix
|
||||||
& > div > span::after {
|
& > div > span::after {
|
||||||
content: '';
|
content: '';
|
||||||
|
@ -149,6 +155,10 @@ $placeholder-bg-size: 450px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#carbonads {
|
||||||
|
animation: 250ms ease-out pub-text-enter;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes placeholder-swish {
|
@keyframes placeholder-swish {
|
||||||
0% {
|
0% {
|
||||||
background-position: ($placeholder-bg-size * -1 / 3) 0%;
|
background-position: ($placeholder-bg-size * -1 / 3) 0%;
|
||||||
|
@ -162,3 +172,14 @@ $placeholder-bg-size: 450px;
|
||||||
background-position: ($placeholder-bg-size * 2 / 3) 0%;
|
background-position: ($placeholder-bg-size * 2 / 3) 0%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@keyframes pub-text-enter {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(0.97);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
@ -16,6 +16,7 @@ keywords:
|
||||||
## Getting started
|
## Getting started
|
||||||
|
|
||||||
### Introduction
|
### Introduction
|
||||||
|
{: .-intro}
|
||||||
|
|
||||||
[Enzyme](http://airbnb.io/enzyme) lets you write unit tests for React components. This guide covers Enzyme 3.x.
|
[Enzyme](http://airbnb.io/enzyme) lets you write unit tests for React components. This guide covers Enzyme 3.x.
|
||||||
|
|
||||||
|
|
|
@ -47,8 +47,7 @@ $ echo '{"hello": "world"}' | http POST example.com/post
|
||||||
|
|
||||||
### Options
|
### Options
|
||||||
|
|
||||||
Print options:
|
#### Printing options
|
||||||
{: .-setup}
|
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
-v, --verbose # same as --print=HhBb --all
|
-v, --verbose # same as --print=HhBb --all
|
||||||
|
|
10
promise.md
10
promise.md
|
@ -1,12 +1,20 @@
|
||||||
---
|
---
|
||||||
title: Promises
|
title: Promises
|
||||||
category: JavaScript
|
category: JavaScript
|
||||||
intro: A quick reference to the [Promise API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
|
layout: 2017/sheet
|
||||||
---
|
---
|
||||||
|
|
||||||
## Reference
|
## Reference
|
||||||
{:.-three-column}
|
{:.-three-column}
|
||||||
|
|
||||||
|
### Introduction
|
||||||
|
{: .-intro}
|
||||||
|
|
||||||
|
intro: A quick reference to the JavaScript [Promise API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
|
||||||
|
|
||||||
|
- [Using Promises guide](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_promises) _(developer.mozilla.org)_
|
||||||
|
- [Promise documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) _(developer.mozilla.org)_
|
||||||
|
|
||||||
### Creating promises
|
### Creating promises
|
||||||
|
|
||||||
```js
|
```js
|
||||||
|
|
Loading…
Reference in New Issue