Update styling (#1498)

This commit is contained in:
Rico Sta. Cruz 2020-07-06 01:35:26 +10:00 committed by GitHub
parent c792f1b418
commit afc25b5e1f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 35 additions and 6 deletions

View File

@ -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 %}

View File

@ -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 %}

View File

@ -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;
}
}

View File

@ -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.

View File

@ -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

View File

@ -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