зеркало из https://github.com/github/docs.git
Upgrade Primer with translation shim for trashcan icon (#18735)
* Revert "Revert "Upgrade Primer CSS to 16 (#18713)""
This reverts commit c01d3e302e.
* Add a hack to handle trashcan icon in translated content
This commit is contained in:
Kevin Heis
GitHub
Родитель
6eb5423c3b
Коммит
46c16001c3
|
|
@ -64,7 +64,7 @@ versions:
|
|||
|
||||
<button class="js-filter-card-show-more btn btn-outline float-right" data-js-filter-card-max="6">Show more {% octicon "arrow-right" %}</button>
|
||||
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center text-gray font-mktg">
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center color-text-secondary font-mktg">
|
||||
<div class="mb-3">{% octicon "search" width="24" %}</div>
|
||||
<h3 class="text-normal">Sorry, there is no result for <strong class="js-filter-card-value"></strong></h3>
|
||||
<p class="my-3 f4">It looks like we don't have an example that fits your filter.<br>Try another filter or add your code example</p>
|
||||
|
|
|
|||
|
|
@ -22,13 +22,13 @@ versions:
|
|||
|
||||
{% data reusables.repositories.permissions-statement-write %}
|
||||
|
||||
{% data reusables.github-actions.artifact-log-retention-statement %}
|
||||
{% data reusables.github-actions.artifact-log-retention-statement %}
|
||||
|
||||
{% data reusables.repositories.navigate-to-repo %}
|
||||
{% data reusables.repositories.actions-tab %}
|
||||
{% data reusables.repositories.navigate-to-workflow %}
|
||||
{% data reusables.repositories.view-run %}
|
||||
1. Under **Artifacts**, click {% octicon "trashcan" aria-label="The trashcan icon" %} next to the artifact you want to remove.
|
||||
1. Under **Artifacts**, click {% octicon "trash" aria-label="The trash icon" %} next to the artifact you want to remove.
|
||||
{% if currentVersion == "free-pro-team@latest" or currentVersion ver_gt "enterprise-server@3.0" or currentVersion == "github-ae@latest" %}
|
||||
|
||||
{% else %}
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ Deleting an environment will delete all secrets and protection rules associated
|
|||
{% data reusables.repositories.navigate-to-repo %}
|
||||
{% data reusables.repositories.sidebar-settings %}
|
||||
{% data reusables.github-actions.sidebar-environment %}
|
||||
1. Next the the environment that you want to delete, click {% octicon "trashcan" aria-label="The trashcan icon" %}.
|
||||
1. Next the the environment that you want to delete, click {% octicon "trash" aria-label="The trash icon" %}.
|
||||
2. Click **I understand, delete this environment**.
|
||||
|
||||
{% if currentVersion == "free-pro-team@latest" or currentVersion == "github-ae@next" or currentVersion ver_gt "enterprise-server@3.1" %}You can also delete environments through the REST API. For more information, see "[Environments](/rest/reference/repos#environments)."{% endif %}
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ versions:
|
|||
{% if discussionsCommunityExamples.length > 6 %}
|
||||
<button class="js-filter-card-show-more btn btn-outline float-right" data-js-filter-card-max="6">Show more {% octicon "arrow-right" %}</button>
|
||||
{% endif %}
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center text-gray font-mktg">
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center color-text-secondary font-mktg">
|
||||
<div class="mb-3">{% octicon "search" width="24" %}</div>
|
||||
<h3 class="text-normal">Sorry, there is no result for <strong class="js-filter-card-value"></strong></h3>
|
||||
<p class="my-3 f4">It looks like we don't have an example that fits your filter.<br>Try another filter or add your code example</p>
|
||||
|
|
|
|||
|
|
@ -52,8 +52,8 @@ For more information about repository permission levels, see "[Permission levels
|
|||
{% data reusables.repositories.navigate-to-repo %}
|
||||
{% data reusables.repositories.sidebar-settings %}
|
||||
{% data reusables.repositories.navigate-to-manage-access %}
|
||||
4. Under "Manage access", find the team or person whose access you'd like to remove, then click {% octicon "trashcan" aria-label="The trashcan icon" %}.
|
||||
|
||||
4. Under "Manage access", find the team or person whose access you'd like to remove, then click {% octicon "trash" aria-label="The trash icon" %}.
|
||||
|
||||
|
||||
### Further reading
|
||||
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ If the branch you want to delete is associated with an open pull request, you mu
|
|||
|
||||
{% data reusables.repositories.navigate-to-repo %}
|
||||
{% data reusables.repositories.navigate-to-branches %}
|
||||
1. Scroll to the branch that you want to delete, then click {% octicon "trashcan" aria-label="The trashcan icon to delete the branch" %}.
|
||||
1. Scroll to the branch that you want to delete, then click {% octicon "trash" aria-label="The trash icon to delete the branch" %}.
|
||||
|
||||
|
||||
{% if currentVersion == "free-pro-team@latest" or currentVersion == "github-ae@latest" or currentVersion ver_gt "enterprise-server@2.21" %}
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ If the file{% if currentVersion == "free-pro-team@latest" or currentVersion ver_
|
|||
### Deleting a file
|
||||
|
||||
1. Browse to the file in your repository that you want to delete.
|
||||
2. At the top of the file, click {% octicon "trashcan" aria-label="The trashcan icon" %}.
|
||||
2. At the top of the file, click {% octicon "trash" aria-label="The trash icon" %}.
|
||||
{% data reusables.files.write_commit_message %}
|
||||
{% data reusables.files.choose-commit-email %}
|
||||
{% data reusables.files.choose_commit_branch %}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ versions:
|
|||
---
|
||||
### About Azure subscriptions and {% data variables.product.product_name %}
|
||||
|
||||
{% data reusables.enterprise-accounts.billing-microsoft-ea-overview %} For more information, see "[About billing for {% data variables.product.prodname_actions %}](/github/setting-up-and-managing-billing-and-payments-on-github/about-billing-for-github-actions) and "[About billing for {% data variables.product.prodname_registry %}](/github/setting-up-and-managing-billing-and-payments-on-github/about-billing-for-github-packages)."
|
||||
{% data reusables.enterprise-accounts.billing-microsoft-ea-overview %} For more information, see "[About billing for {% data variables.product.prodname_actions %}](/github/setting-up-and-managing-billing-and-payments-on-github/about-billing-for-github-actions) and "[About billing for {% data variables.product.prodname_registry %}](/github/setting-up-and-managing-billing-and-payments-on-github/about-billing-for-github-packages)."
|
||||
|
||||
After you connect an Azure subscription, you can also manage your spending limit. For information on managing and changing your account's spending limit, see "[Managing your spending limit for {% data variables.product.prodname_registry %}](/github/setting-up-and-managing-billing-and-payments-on-github/managing-your-spending-limit-for-github-packages)" and "[Managing your spending limit for {% data variables.product.prodname_actions %}](/github/setting-up-and-managing-billing-and-payments-on-github/managing-your-spending-limit-for-github-actions)."
|
||||
|
||||
|
|
@ -23,7 +23,7 @@ To connect your Azure subscription, you must have owner permissions to the subsc
|
|||
{% data reusables.enterprise-accounts.payment-information-tab %}
|
||||
1. Under "Payment Information", click **Add Azure Subscription**.
|
||||
1. To sign in to your Microsoft account, follow the prompts.
|
||||
1. Review the "Permissions requested" prompt. If you agree with the terms, click **Accept**.
|
||||
1. Review the "Permissions requested" prompt. If you agree with the terms, click **Accept**.
|
||||
1. Under "Select a subscription", select the Azure Subscription ID that you want to connect to your enterprise.
|
||||
1. Click **Connect**.
|
||||
|
||||
|
|
@ -35,5 +35,5 @@ After you disconnect your Azure subscription from your enterprise account, your
|
|||
{% data reusables.enterprise-accounts.settings-tab %}
|
||||
{% data reusables.enterprise-accounts.billing-tab %}
|
||||
{% data reusables.enterprise-accounts.payment-information-tab %}
|
||||
1. Under "Azure subscription", to the right of the subscription ID you want to disconnect, click **{% octicon "trashcan" aria-label="The trashcan icon" %}**.
|
||||
1. Under "Azure subscription", to the right of the subscription ID you want to disconnect, click **{% octicon "trash" aria-label="The trash icon" %}**.
|
||||
1. Review the prompt, then click **Remove**.
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ topics:
|
|||
|
||||
4. Under "Primary email address", use the drop-down menu to click the email address you'd like to set as your primary email address, and click **Save**.
|
||||
|
||||
5. To remove the old email address from your account, next to the old email, click {% octicon "trashcan" aria-label="The trashcan symbol" %}.
|
||||
5. To remove the old email address from your account, next to the old email, click {% octicon "trash" aria-label="The trash symbol" %}.
|
||||
{% if currentVersion == "free-pro-team@latest" %}
|
||||
6. Verify your new primary email address. Without a verified email address, you won't be able to use all of {% data variables.product.product_name %}'s features. For more information, see "[Verifying your email address](/articles/verifying-your-email-address)."
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ While forks of private repositories are deleted when a collaborator is removed,
|
|||
{% data reusables.repositories.sidebar-settings %}
|
||||
{% if currentVersion == "free-pro-team@latest" %}
|
||||
{% data reusables.repositories.navigate-to-manage-access %}
|
||||
4. To the right of the collaborator you want to remove, click {% octicon "trashcan" aria-label="The trashcan icon" %}.
|
||||
4. To the right of the collaborator you want to remove, click {% octicon "trash" aria-label="The trash icon" %}.
|
||||
|
||||
{% else %}
|
||||
3. In the left sidebar, click **Collaborators & teams**.
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ We'll announce upcoming breaking changes at least three months before making cha
|
|||
|
||||
{% for change in date[1] %}
|
||||
<ul>
|
||||
<li><span class="border rounded-1 m-1 p-1 {% if change.criticality == 'breaking' %}border-red bg-red-light{% else %}border-purple bg-purple-light{% endif %}">{% if change.criticality == 'breaking' %}Breaking{% else %}Dangerous{% endif %}</span> A change will be made to <code>{{ change.location }}</code>.
|
||||
<li><span class="border rounded-1 m-1 p-1 {% if change.criticality == 'breaking' %}color-border-danger color-bg-danger{% else %}color-border-info color-bg-info{% endif %}">{% if change.criticality == 'breaking' %}Breaking{% else %}Dangerous{% endif %}</span> A change will be made to <code>{{ change.location }}</code>.
|
||||
|
||||
<p><b>Description:</b> {{ change.description }}</p>
|
||||
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ You can merge contributors manually or automatically, based on contributors {% d
|
|||
|
||||
### Managing teams in {% data variables.product.prodname_insights %}
|
||||
|
||||
There are two types of teams in {% data variables.product.prodname_insights %}: teams imported from {% data variables.product.product_name %} and custom teams.
|
||||
There are two types of teams in {% data variables.product.prodname_insights %}: teams imported from {% data variables.product.product_name %} and custom teams.
|
||||
|
||||
When an organization is added to {% data variables.product.prodname_insights %}, all of the organization's teams are imported from {% data variables.product.product_name %}. You can search and filter by these teams in {% data variables.product.prodname_insights %}. You can manage the teams in {% data variables.product.product_name %}.
|
||||
|
||||
|
|
@ -110,8 +110,8 @@ You can create and manage custom teams in {% data variables.product.prodname_ins
|
|||
{% data reusables.github-insights.settings-tab %}
|
||||
{% data reusables.github-insights.teams-tab %}
|
||||
{% data reusables.github-insights.edit-team %}
|
||||
3. To the right of the contributor you'd like to remove, click {% octicon "trashcan" aria-label="The trashcan icon" %}.
|
||||
|
||||
3. To the right of the contributor you'd like to remove, click {% octicon "trash" aria-label="The trash icon" %}.
|
||||
|
||||
|
||||
#### Renaming a custom team
|
||||
|
||||
|
|
|
|||
|
|
@ -32,6 +32,6 @@ After you create an event in {% data variables.product.prodname_insights %}, any
|
|||
|
||||
{% data reusables.github-insights.settings-tab %}
|
||||
{% data reusables.github-insights.events-tab %}
|
||||
3. To the right of the event you want to delete, click **{% octicon "trashcan" aria-label="The trashcan icon" %}**.
|
||||
3. To the right of the event you want to delete, click **{% octicon "trash" aria-label="The trash icon" %}**.
|
||||
|
||||
4. Click **Confirm**.
|
||||
|
|
|
|||
|
|
@ -52,5 +52,5 @@ If a team's access to a project board is inherited from a parent team, you must
|
|||
{% data reusables.organizations.specific_team %}
|
||||
4. Above the team's conversation, click {% octicon "project" aria-label="The Projects icon" %} **Projects**.
|
||||
|
||||
5. To change permissions levels, to the right of the project board you want to update, use the drop-down. To remove a project board, click **{% octicon "trashcan" aria-label="The trashcan icon" %}**.
|
||||
5. To change permissions levels, to the right of the project board you want to update, use the drop-down. To remove a project board, click **{% octicon "trash" aria-label="The trash icon" %}**.
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@
|
|||
{% endfor %}
|
||||
{% assign numArticles = maptopic.childArticles | obj_size %}
|
||||
{% if numArticles > maxArticles %}
|
||||
<button class="js-all-articles-show-more btn-link link-gray">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
<button class="js-all-articles-show-more btn-link Link--secondary">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
</a>
|
||||
</li>
|
||||
{% if numArticles > maxArticles %}
|
||||
<button class="js-all-articles-show-more btn-link link-gray">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
<button class="js-all-articles-show-more btn-link Link--secondary">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
{% endif %}
|
||||
{% endunless %}
|
||||
{% endfor %}
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
{% endfor %}
|
||||
</ul>
|
||||
{% if numArticles > maxArticles %}
|
||||
<button class="js-all-articles-show-more btn-link link-gray">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
<button class="js-all-articles-show-more btn-link Link--secondary">Show {{ numArticles | minus: maxArticles }} more {% octicon "chevron-up" class="v-align-text-bottom" %}</button>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
|
||||
<form class="mt-2 mb-5 d-flex d-flex">
|
||||
<div>
|
||||
<label for="type" class="text-uppercase f6 text-gray d-block">{% data ui.product_sublanding.filters.type %}</label>
|
||||
<label for="type" class="text-uppercase f6 color-text-secondary d-block">{% data ui.product_sublanding.filters.type %}</label>
|
||||
<select class="form-select js-filter-card-filter-dropdown f4 text-bold border-0 rounded-0 border-top box-shadow-none pl-0 js-filter-card-filter-dropdown" name="type" aria-label="guide types">
|
||||
<option value="">{% data ui.product_sublanding.filters.all %}</option>
|
||||
{% for type in site.data.ui.product_sublanding.guide_types %}
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
</select>
|
||||
</div>
|
||||
<div class="mx-4">
|
||||
<label for="topic" class="text-uppercase f6 text-gray d-block">{% data ui.product_sublanding.filters.topic %}</label>
|
||||
<label for="topic" class="text-uppercase f6 color-text-secondary d-block">{% data ui.product_sublanding.filters.topic %}</label>
|
||||
<select class="form-select js-filter-card-filter-dropdown f4 text-bold border-0 rounded-0 border-top box-shadow-none pl-0 js-filter-card-filter-dropdown" name="topics" aria-label="guide topics">
|
||||
<option value="">{% data ui.product_sublanding.filters.all %}</option>
|
||||
{% for topic in page.allTopics %}
|
||||
|
|
@ -39,12 +39,12 @@
|
|||
{{ link_card | replace: "<display condition>", card_display_class }}
|
||||
{% endfor %}
|
||||
|
||||
<button class="col-12 mt-5 text-center text-bold text-blue btn-link js-filter-card-show-more" data-js-filter-card-max="{{ maxArticles }}">
|
||||
<button class="col-12 mt-5 text-center text-bold color-text-link btn-link js-filter-card-show-more" data-js-filter-card-max="{{ maxArticles }}">
|
||||
{% data ui.product_sublanding.load_more %}
|
||||
</button>
|
||||
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center text-gray">
|
||||
<div class="js-filter-card-no-results d-none py-4 text-center color-text-secondary">
|
||||
<h4 class="text-normal">{% data ui.product_sublanding.no_result %}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,15 +6,15 @@
|
|||
<svg class="arrow ml-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="#1277eb"><path d="M1,1l6.2,6L13,1"></path></svg>
|
||||
</summary>
|
||||
|
||||
<div class="nav-dropdown position-absolute bg-white rounded-1 px-4 py-3 top-7 box-shadow-large" style="z-index: 6; width: 210px;">
|
||||
<div class="nav-dropdown position-absolute color-bg-primary rounded-1 px-4 py-3 top-7 color-shadow-large" style="z-index: 6; width: 210px;">
|
||||
{% for permalink in page.permalinks %}
|
||||
<a
|
||||
href="{{ permalink.href }}"
|
||||
class="d-block py-2 {% if currentPath == permalink.href %}link-blue active{% else %}link-gray-dark no-underline{% endif %}"
|
||||
class="d-block py-2 {% if currentPath == permalink.href %}link-blue active{% else %}Link--primary no-underline{% endif %}"
|
||||
>
|
||||
{{ allVersions[permalink.pageVersion].versionTitle }}</a>
|
||||
{% endfor %}
|
||||
<a class="f6 no-underline text-gray-light pt-1" href="/enterprise-server-releases">See all Enterprise releases</a>
|
||||
<a class="f6 no-underline color-text-tertiary pt-1" href="/enterprise-server-releases">See all Enterprise releases</a>
|
||||
</div>
|
||||
</details>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -14,14 +14,14 @@
|
|||
<div class="d-flex flex-items-baseline flex-justify-between mt-3">
|
||||
<h1 class="border-bottom-0">{{ page.title }}</h1>
|
||||
<div class="d-none d-lg-block ml-2">
|
||||
<button class="btn-link link-gray js-print tooltipped tooltipped-n" aria-label="Print this article">
|
||||
<button class="btn-link Link--secondary js-print tooltipped tooltipped-n" aria-label="Print this article">
|
||||
{% include printer-icon %}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if page.contributor %}
|
||||
<div class="contributor-callout border rounded-1 mb-4 p-3 border-blue bg-blue-light f5">
|
||||
<div class="contributor-callout border rounded-1 mb-4 p-3 color-border-info color-bg-info f5">
|
||||
<p><span class="mr-2">{% octicon "info" %}</span>{% data ui.contributor_callout %} <a href="{{ page.contributor.URL }}">{{ page.contributor.name }}</a>.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
{% endif %}
|
||||
|
||||
{% if page.product %}
|
||||
<div class="product-callout border rounded-1 mb-4 p-3 border-purple bg-purple-light">
|
||||
<div class="product-callout border rounded-1 mb-4 p-3 color-border-info color-bg-info">
|
||||
{{ page.product }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
<div class="article-grid-toc border-bottom border-xl-0 pb-4 mb-5 pb-xl-0 mb-xl-0">
|
||||
<div class="article-grid-toc-content">
|
||||
{% if miniTocItems.size > 1 %}
|
||||
<h2 id="in-this-article" class="f5 mb-2"><a class="link-gray-dark" href="#in-this-article">{% data ui.pages.miniToc %}</a></h2>
|
||||
<h2 id="in-this-article" class="f5 mb-2"><a class="Link--primary" href="#in-this-article">{% data ui.pages.miniToc %}</a></h2>
|
||||
<ul class="list-style-none pl-0 f5 mb-0">
|
||||
{% for item in miniTocItems %}
|
||||
<li class="ml-{{ item.indentationLevel | times: 3 }} {{ item.platform }} mb-2 lh-condensed">{{ item.contents }}</li>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
{% if breadcrumb[1].href == '' %}
|
||||
<span>{{ breadcrumb[1].title }}</span>
|
||||
{% else %}
|
||||
<a title="{{ breadcrumb[0] }}: {{ breadcrumb[1].title }}" href="{{ breadcrumb[1].href }}" class="d-inline-block {% if breadcrumb[1].href == currentPath %}text-gray-light{% endif %}">
|
||||
<a title="{{ breadcrumb[0] }}: {{ breadcrumb[1].title }}" href="{{ breadcrumb[1].href }}" class="d-inline-block {% if breadcrumb[1].href == currentPath %}color-text-tertiary{% endif %}">
|
||||
{{ breadcrumb[1].title }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,20 @@
|
|||
<div class="col-12 col-xl-4 col-lg-6 mb-4 js-filter-card {% if forloop.index0 > 5 %}d-none{% endif %}" data-tags="{{ example.tags | join: ', ' }}" data-title="{{ example.title }}" data-description="{{ example.description }}">
|
||||
<a
|
||||
class="Box d-flex flex-column flex-justify-between height-full box-shadow-medium hover-shadow-large no-underline text-gray-dark"
|
||||
class="Box d-flex flex-column flex-justify-between height-full color-shadow-medium hover-shadow-large no-underline color-text-primary"
|
||||
href="https://github.com/{{ example.href }}"
|
||||
>
|
||||
<div class="p-4">
|
||||
<h4>{{ example.title }}</h4>
|
||||
<p class="mt-2 mb-4 text-gray-light">{{ example.description }}</p>
|
||||
<p class="mt-2 mb-4 color-text-tertiary">{{ example.description }}</p>
|
||||
<div class="d-flex flex-wrap">
|
||||
{% for tag in example.tags %}
|
||||
<span class="IssueLabel text-white bg-blue mr-2 mb-1">{{ tag }}</span>
|
||||
<span class="IssueLabel color-text-inverse color-bg-info-inverse mr-2 mb-1">{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<footer class="border-top p-4 text-gray d-flex flex-items-center">
|
||||
<footer class="border-top p-4 color-text-secondary d-flex flex-items-center">
|
||||
{% octicon "repo" class="flex-shrink-0" %}
|
||||
<span class="ml-2 text-mono text-small text-blue">{{ example.href }}</span>
|
||||
<span class="ml-2 text-mono text-small color-text-link">{{ example.href }}</span>
|
||||
</footer>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
{% unless enterpriseServerReleases.isOldestReleaseDeprecated and currentVersion contains enterpriseServerReleases.oldestSupported %}
|
||||
<div class="f5 contribution">
|
||||
<h2 class="f4">{% data ui.contribution_cta.title %}</h2>
|
||||
<p class="text-gray f6">{% data ui.contribution_cta.body %}</p>
|
||||
<p class="color-text-secondary f6">{% data ui.contribution_cta.body %}</p>
|
||||
{% if page.relativePath %}
|
||||
{% assign contribution_href = "https://github.com/github/docs/edit/main/content/" | append: page.relativePath %}
|
||||
{% else %}
|
||||
|
|
@ -11,6 +11,6 @@
|
|||
{% octicon "git-pull-request" height="16" %}
|
||||
{% data ui.contribution_cta.button %}
|
||||
</a>
|
||||
<p class="text-gray f6 mt-2">{% data ui.contribution_cta.or %} <a href="https://github.com/github/docs/blob/main/CONTRIBUTING.md" target="_blank">{% data ui.contribution_cta.to_guidelines %}</a></p>
|
||||
<p class="color-text-secondary f6 mt-2">{% data ui.contribution_cta.or %} <a href="https://github.com/github/docs/blob/main/CONTRIBUTING.md" target="_blank">{% data ui.contribution_cta.to_guidelines %}</a></p>
|
||||
</div>
|
||||
{% endunless %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if currentVersion contains enterpriseServerReleases.oldestSupported %}
|
||||
<div class="deprecation-banner border rounded-1 mb-2 bg-yellow-light p-3 border-yellow f5">
|
||||
<div class="deprecation-banner border rounded-1 mb-2 color-bg-warning p-3 color-border-warning f5">
|
||||
<p>
|
||||
<b>
|
||||
<span>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div class="col-12 col-xl-4 col-lg-6 mb-4 js-filter-card {% if forloop.index0 > 5 %}d-none{% endif %}" data-repo="{{ example.repo }}" data-description="{{ example.description }}">
|
||||
<a
|
||||
class="Box d-flex height-full box-shadow-medium hover-shadow-large no-underline text-gray-dark p-4"
|
||||
class="Box d-flex height-full color-shadow-medium hover-shadow-large no-underline color-text-primary p-4"
|
||||
href="https://github.com/{{ example.repo }}/discussions"
|
||||
>
|
||||
<div class="flex-shrink-0 mr-3">
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
</div>
|
||||
<div class="flex-auto">
|
||||
<h4>{{ example.repo }}</h4>
|
||||
<p class="mt-1 text-gray-light">{{ example.description }}</p>
|
||||
<p class="mt-1 color-text-tertiary">{{ example.description }}</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% if enterpriseServerReleases.deprecated contains currentVersion %}
|
||||
{% assign deprecatedDate = enterpriseServerReleases.dates[currentVersion].deprecationDate %}
|
||||
<div class="deprecation-banner border rounded-1 mb-2 bg-yellow-light p-3 border-yellow f5">
|
||||
<div class="deprecation-banner border rounded-1 mb-2 color-bg-warning p-3 color-border-warning f5">
|
||||
<p>
|
||||
<b>
|
||||
{% data reusables.enterprise_deprecation.version_was_deprecated %}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
<a class="link-with-intro Bump-link--hover no-underline d-block py-2" href="{{ link.href }}">
|
||||
<h4 class="link-with-intro-title link-gray-dark">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
||||
<h4 class="link-with-intro-title Link--primary">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<a class="link-with-intro Bump-link--hover no-underline d-block py-2" href="{{ link.href }}">
|
||||
<h4 class="link-with-intro-title link-gray-dark">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
||||
<p class="link-with-intro-intro color-gray-5">{{ link.intro }}</p>
|
||||
</a>
|
||||
<h4 class="link-with-intro-title Link--primary">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
||||
<p class="link-with-intro-intro color-text-secondary">{{ link.intro }}</p>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<!-- Getting Started articles -->
|
||||
<div class="col-12 col-lg-6 float-left">
|
||||
<div class="featured-links-heading pb-4">
|
||||
<h3 class="f5 text-normal text-mono underline-dashed color-gray-5">{% data ui.toc.getting_started %}</h3>
|
||||
<h3 class="f5 text-normal text-mono underline-dashed color-text-secondary">{% data ui.toc.getting_started %}</h3>
|
||||
</div>
|
||||
|
||||
{% for link in featuredLinks.gettingStarted %}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
<!-- Popular articles -->
|
||||
<div class="col-12 col-lg-6 float-left">
|
||||
<div class="featured-links-heading pb-4">
|
||||
<h3 class="f5 text-normal text-mono underline-dashed color-gray-5">{% data ui.toc.popular_articles %}</h3>
|
||||
<h3 class="f5 text-normal text-mono underline-dashed color-text-secondary">{% data ui.toc.popular_articles %}</h3>
|
||||
</div>
|
||||
|
||||
{% for link in featuredLinks.popular %}
|
||||
|
|
|
|||
|
|
@ -2,54 +2,54 @@
|
|||
<div class="container-xl px-3 px-md-6">
|
||||
<div class="d-flex flex-wrap py-5 mb-5">
|
||||
<div class="col-12 col-lg-4 mb-5">
|
||||
<a href="https://github.com/" class="text-gray-dark" aria-label="Go to GitHub homepage">
|
||||
<a href="https://github.com/" class="color-text-primary" aria-label="Go to GitHub homepage">
|
||||
{% octicon "logo-github" height="30" %}
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4">
|
||||
<h4 class="mb-3 text-mono text-gray-light text-normal">{% data ui.footer.product.heading %}</h4>
|
||||
<ul class="list-style-none text-gray f5">
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/features" class="link-gray">{% data ui.footer.product.links.features %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/security" class="link-gray">{% data ui.footer.product.links.security %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/enterprise" class="link-gray">{% data ui.footer.product.links.enterprise %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/customer-stories?type=enterprise" class="link-gray">{% data ui.footer.product.links.case_studies %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/pricing" class="link-gray">{% data ui.footer.product.links.pricing %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://resources.github.com" class="link-gray">{% data ui.footer.product.links.resources %}</a></li>
|
||||
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.product.heading %}</h4>
|
||||
<ul class="list-style-none color-text-secondary f5">
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/features" class="Link--secondary">{% data ui.footer.product.links.features %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/security" class="Link--secondary">{% data ui.footer.product.links.security %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/enterprise" class="Link--secondary">{% data ui.footer.product.links.enterprise %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/customer-stories?type=enterprise" class="Link--secondary">{% data ui.footer.product.links.case_studies %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/pricing" class="Link--secondary">{% data ui.footer.product.links.pricing %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://resources.github.com" class="Link--secondary">{% data ui.footer.product.links.resources %}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
|
||||
<h4 class="mb-3 text-mono text-gray-light text-normal">{% data ui.footer.platform.heading %}</h4>
|
||||
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.platform.heading %}</h4>
|
||||
<ul class="list-style-none f5">
|
||||
<li class="lh-condensed mb-3"><a href="/developers" class="link-gray">{% data ui.footer.platform.links.developer_api %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://partner.github.com/" class="link-gray">{% data ui.footer.platform.links.partners %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://atom.io" class="link-gray">{% data ui.footer.platform.links.atom %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://www.electronjs.org/" class="link-gray">{% data ui.footer.platform.links.electron %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://desktop.github.com/" class="link-gray">{% data ui.footer.platform.links.github_desktop %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="/developers" class="Link--secondary">{% data ui.footer.platform.links.developer_api %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://partner.github.com/" class="Link--secondary">{% data ui.footer.platform.links.partners %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://atom.io" class="Link--secondary">{% data ui.footer.platform.links.atom %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://www.electronjs.org/" class="Link--secondary">{% data ui.footer.platform.links.electron %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://desktop.github.com/" class="Link--secondary">{% data ui.footer.platform.links.github_desktop %}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
|
||||
<h4 class="mb-3 text-mono text-gray-light text-normal">{% data ui.footer.support.heading %}</h4>
|
||||
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.support.heading %}</h4>
|
||||
<ul class="list-style-none f5">
|
||||
<li class="lh-condensed mb-3"><a href="/" class="link-gray">{% data ui.footer.support.links.help %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.community" class="link-gray">{% data ui.footer.support.links.community_forum %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://services.github.com/" class="link-gray">{% data ui.footer.support.links.training %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://www.githubstatus.com/" class="link-gray">{% data ui.footer.support.links.status %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://support.github.com/" class="link-gray">{% data ui.footer.support.links.contact_github %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="/" class="Link--secondary">{% data ui.footer.support.links.help %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.community" class="Link--secondary">{% data ui.footer.support.links.community_forum %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://services.github.com/" class="Link--secondary">{% data ui.footer.support.links.training %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://www.githubstatus.com/" class="Link--secondary">{% data ui.footer.support.links.status %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://support.github.com/" class="Link--secondary">{% data ui.footer.support.links.contact_github %}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
|
||||
<h4 class="mb-3 text-mono text-gray-light text-normal">{% data ui.footer.company.heading %}</h4>
|
||||
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.company.heading %}</h4>
|
||||
<ul class="list-style-none f5">
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about" class="link-gray">{% data ui.footer.company.links.about %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.blog/" class="link-gray">{% data ui.footer.company.links.blog %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about/careers" class="link-gray">{% data ui.footer.company.links.careers %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about/press" class="link-gray">{% data ui.footer.company.links.press %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://shop.github.com" class="link-gray">{% data ui.footer.company.links.shop %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about" class="Link--secondary">{% data ui.footer.company.links.about %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.blog/" class="Link--secondary">{% data ui.footer.company.links.blog %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about/careers" class="Link--secondary">{% data ui.footer.company.links.careers %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://github.com/about/press" class="Link--secondary">{% data ui.footer.company.links.press %}</a></li>
|
||||
<li class="lh-condensed mb-3"><a href="https://shop.github.com" class="Link--secondary">{% data ui.footer.company.links.shop %}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-gray-light">
|
||||
<div class="color-bg-secondary">
|
||||
<div class="container-xl px-3 px-md-6 f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center">
|
||||
<ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra">
|
||||
<li class="mr-3">
|
||||
|
|
@ -78,10 +78,10 @@
|
|||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="list-style-none d-flex text-gray">
|
||||
<ul class="list-style-none d-flex color-text-secondary">
|
||||
<li class="mr-3">© {{ "now" | date: "%Y" }} GitHub, Inc.</li>
|
||||
<li class="mr-3"><a href="/articles/github-terms-of-service/" class="link-gray">{% data ui.footer.terms %} </a></li>
|
||||
<li><a href="/articles/github-privacy-statement/" class="link-gray">{% data ui.footer.privacy %} </a></li>
|
||||
<li class="mr-3"><a href="/articles/github-terms-of-service/" class="Link--secondary">{% data ui.footer.terms %} </a></li>
|
||||
<li><a href="/articles/github-privacy-statement/" class="Link--secondary">{% data ui.footer.privacy %} </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if field.arguments %}
|
||||
<div class="border rounded-1 mt-3 mb-3 p-3 bg-gray-light f5">
|
||||
<div class="border rounded-1 mt-3 mb-3 p-3 color-bg-secondary f5">
|
||||
<p><b>{% data ui.products.graphql.reference.arguments %}</b></p>
|
||||
{% for arg in arguments %}
|
||||
<div class="border-top mt-2">
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if item.isDeprecated %}
|
||||
<div class="extended-markdown warning border rounded-1 mt-3 mb-4 p-3 border-red bg-red-light f5">
|
||||
<div class="extended-markdown warning border rounded-1 mt-3 mb-4 p-3 color-border-danger color-bg-danger f5">
|
||||
<p><b>{% data ui.products.graphql.reference.deprecation_notice %}</b></p>
|
||||
<p><code>{{ item.name }}</code> is deprecated. {{ item.deprecationReason }}</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
{% if item.preview %}
|
||||
<div class="extended-markdown note border rounded-1 mt-3 mb-4 p-3 border-blue bg-blue-light f5">
|
||||
<div class="extended-markdown note border rounded-1 mt-3 mb-4 p-3 color-border-info color-bg-info f5">
|
||||
<p><b>{% data ui.products.graphql.reference.preview_notice %}</b></p>
|
||||
<p><code>{{ item.name }}</code> is available under the <a href="/{{ currentLanguage }}{{ item.preview.href }}">{{ item.preview.title }}</a>. During the preview period, the API may change without notice.</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@
|
|||
{% assign authorsString = authors | join: ", @" %}
|
||||
|
||||
<div class="col-lg-4 col-12 mb-3">
|
||||
<a class="Box box-shadow-medium height-full d-block hover-shadow-large no-underline text-gray-dark p-5" href="{{ guide.href }}">
|
||||
<a class="Box color-shadow-medium height-full d-block hover-shadow-large no-underline color-text-primary p-5" href="{{ guide.href }}">
|
||||
<h2>{{ guide.title }}</h2>
|
||||
<p class="mt-2 mb-4 text-gray-light">{{ guide.intro }}</p>
|
||||
<p class="mt-2 mb-4 color-text-tertiary">{{ guide.intro }}</p>
|
||||
|
||||
<footer class="d-flex">
|
||||
<div class="mr-1">
|
||||
|
|
|
|||
|
|
@ -39,19 +39,19 @@
|
|||
<!-- END ONEOFF EARLY ACCESS NOTICE -->
|
||||
|
||||
{% if translation_notification_type %}
|
||||
<div class="header-notifications text-center f5 bg-blue-1 text-gray-dark py-4 px-6 translation_notice{% if release_notification_type %} border-bottom border-black-fade{% endif %}">
|
||||
<div class="header-notifications text-center f5 color-bg-info-inverse color-text-primary py-4 px-6 translation_notice{% if release_notification_type %} border-bottom color-border-tertiary{% endif %}">
|
||||
{{ translation_notification }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if release_notification_type %}
|
||||
<div class="header-notifications text-center f5 bg-blue-1 text-gray-dark py-4 px-6 release_notice{% if early_access_notification_type %} border-bottom border-black-fade{% endif %}">
|
||||
<div class="header-notifications text-center f5 color-bg-info-inverse color-text-primary py-4 px-6 release_notice{% if early_access_notification_type %} border-bottom color-border-tertiary{% endif %}">
|
||||
{{ release_notification }}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if early_access_notification_type %}
|
||||
<div class="header-notifications text-center f5 bg-red-1 text-gray-dark py-4 px-6 early_access">
|
||||
<div class="header-notifications text-center f5 color-bg-danger color-text-primary py-4 px-6 early_access">
|
||||
{{ early_access_notification }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -4,14 +4,14 @@
|
|||
<div class="d-md-inline-block">
|
||||
<div class="border-top border-md-top-0 py-2 py-md-0 d-md-inline-block">
|
||||
<details class="dropdown-withArrow position-relative details details-reset mr-md-3 close-when-clicked-outside">
|
||||
<summary class="py-2 text-gray-dark" role="button" aria-label="Toggle versions list">
|
||||
<summary class="py-2 color-text-primary" role="button" aria-label="Toggle versions list">
|
||||
<div class="d-flex flex-items-center flex-justify-between">
|
||||
{% if currentVersion == 'homepage' %}
|
||||
{% data ui.homepage.version_picker %}
|
||||
{% else %}
|
||||
{{ allVersions[currentVersion].versionTitle }}
|
||||
{% endif %}
|
||||
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="#1B1F23"><path d="M1,1l6.2,6L13,1"></path></svg>
|
||||
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="currentColor"><path d="M1,1l6.2,6L13,1"></path></svg>
|
||||
</div>
|
||||
</summary>
|
||||
<div id="versions-selector" class="position-md-absolute nav-desktop-langDropdown p-md-4 right-md-n4 top-md-6" style="z-index: 6;">
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
{% unless permalink.pageVersion == 'homepage' %}
|
||||
<a
|
||||
href="{{ permalink.href }}"
|
||||
class="d-block py-2 no-underline {% if currentPath == permalink.href %}active{% else %}link-gray-dark{% endif %}"
|
||||
class="d-block py-2 no-underline {% if currentPath == permalink.href %}active{% else %}Link--primary{% endif %}"
|
||||
style="white-space: nowrap"
|
||||
>{{ allVersions[permalink.pageVersion].versionTitle }}</a>
|
||||
{% endunless %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="border-bottom border-gray-light no-print">
|
||||
<div class="border-bottom color-border-secondary no-print">
|
||||
{% unless error == '404' %}
|
||||
{% include header-notification %}
|
||||
{% endunless %}
|
||||
|
|
@ -7,9 +7,9 @@
|
|||
|
||||
<div class="d-flex flex-items-center d-lg-none" style="z-index: 3;" id="github-logo-mobile" role="banner">
|
||||
<a href="/{{ currentLanguage }}" aria-hidden="true" tabindex="-1">
|
||||
{% octicon "mark-github" height="32" class="text-black" %}
|
||||
{% octicon "mark-github" height="32" class="color-icon-primary" %}
|
||||
</a>
|
||||
<a href="/{{ currentLanguage }}" class="h4-mktg text-gray-dark no-underline no-wrap pl-2">{% data ui.header.github_docs %}</a>
|
||||
<a href="/{{ currentLanguage }}" class="h4-mktg color-text-primary no-underline no-wrap pl-2">{% data ui.header.github_docs %}</a>
|
||||
</div>
|
||||
|
||||
<div class="width-full">
|
||||
|
|
@ -20,9 +20,9 @@
|
|||
<div style="z-index: 2;" class="nav-mobile-dropdown width-full">
|
||||
<div class="d-md-flex flex-justify-between flex-items-center">
|
||||
<div class="py-2 py-md-0 d-md-inline-block">
|
||||
<h4 class="text-mono f5 text-normal text-gray d-md-none">{% data ui.homepage.explore_by_product %}</h4>
|
||||
<h4 class="text-mono f5 text-normal color-text-secondary d-md-none">{% data ui.homepage.explore_by_product %}</h4>
|
||||
<details class="dropdown-withArrow position-relative details details-reset d-md-none close-when-clicked-outside">
|
||||
<summary class="nav-desktop-productDropdownButton text-blue-mktg py-2" role="button" aria-label="Toggle products list">
|
||||
<summary class="nav-desktop-productDropdownButton color-text-link-mktg py-2" role="button" aria-label="Toggle products list">
|
||||
<div id="current-product" class="d-flex flex-items-center flex-justify-between" style="padding-top: 2px;">
|
||||
<!-- Product switcher - GitHub.com, Enterprise Server, etc -->
|
||||
<!-- 404 and 500 error layouts are not real pages so we need to hardcode the name for those -->
|
||||
|
|
@ -35,7 +35,7 @@
|
|||
{% for product in activeProducts %}
|
||||
<a href="{% unless product.external %}/{{ currentLanguage }}{% endunless %}{{ product.href }}"
|
||||
class="d-block py-2
|
||||
{% if product.id == currentProduct %}text-blue-mktg text-underline active{% elsif product.id == currentProduct.id %}text-blue-mktg text-underline active{% else %}link-gray-dark no-underline{% endif %}">
|
||||
{% if product.id == currentProduct %}color-text-link-mktg text-underline active{% elsif product.id == currentProduct.id %}color-text-link-mktg text-underline active{% else %}Link--primary no-underline{% endif %}">
|
||||
{{ product.name }}
|
||||
{% if product.external %}
|
||||
<span class="ml-1"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="#24292e" d="M.646 8.789l8-8M8.5 9V1M1 .643h8"/></svg></span>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
{% unless error == '404' or !page.hidden %}
|
||||
<div class="border-top border-md-top-0 py-2 py-md-0 d-md-inline-block">
|
||||
<details class="dropdown-withArrow position-relative details details-reset mr-md-3 close-when-clicked-outside">
|
||||
<summary class="py-2 text-gray-dark" role="button" aria-label="Toggle languages list">
|
||||
<summary class="py-2 color-text-primary" role="button" aria-label="Toggle languages list">
|
||||
<div class="d-flex flex-items-center flex-justify-between">
|
||||
{% if languages[page.languageCode].nativeName %}
|
||||
{{ languages[page.languageCode].nativeName }} ({{ languages[page.languageCode].name }})
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
{% unless languages[languageVariant.code].wip %}
|
||||
<a
|
||||
href="{{ languageVariant.href }}"
|
||||
class="d-block py-2 no-underline {% if currentPath == languageVariant.href %}active link-gray{% else %}link-gray-dark{% endif %}"
|
||||
class="d-block py-2 no-underline {% if currentPath == languageVariant.href %}active Link--secondary{% else %}Link--primary{% endif %}"
|
||||
style="white-space: nowrap"
|
||||
>
|
||||
{% if languages[languageVariant.code].nativeName %}
|
||||
|
|
|
|||
|
|
@ -40,10 +40,10 @@
|
|||
{% octicon "thumbsdown" height="24" %}
|
||||
</label>
|
||||
</p>
|
||||
<p class="text-gray f6" hidden data-help-yes>
|
||||
<p class="color-text-secondary f6" hidden data-help-yes>
|
||||
{% data ui.helpfulness.yes_feedback %}
|
||||
</p>
|
||||
<p class="text-gray f6" hidden data-help-no>
|
||||
<p class="color-text-secondary f6" hidden data-help-no>
|
||||
{% data ui.helpfulness.no_feedback %}
|
||||
</p>
|
||||
<input
|
||||
|
|
@ -58,7 +58,7 @@
|
|||
for="helpfulness-comment"
|
||||
>
|
||||
<span>{% data ui.helpfulness.comment_label %}</span>
|
||||
<span class="text-normal text-gray-light float-right ml-1">
|
||||
<span class="text-normal color-text-tertiary float-right ml-1">
|
||||
{% data ui.helpfulness.optional %}
|
||||
</span>
|
||||
</label>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
data-help-no
|
||||
>
|
||||
{% data ui.helpfulness.email_label %}
|
||||
<span class="text-normal text-gray-light float-right ml-1">
|
||||
<span class="text-normal color-text-tertiary float-right ml-1">
|
||||
{% data ui.helpfulness.optional %}
|
||||
</span>
|
||||
</label>
|
||||
|
|
@ -97,11 +97,11 @@
|
|||
data-help-yes
|
||||
data-help-no
|
||||
>
|
||||
<button type="submit" class="btn btn-blue btn-sm">
|
||||
<button type="submit" class="btn btn-sm">
|
||||
{% data ui.helpfulness.send %}
|
||||
</button>
|
||||
</p>
|
||||
<p class="text-gray f6" hidden data-help-end>
|
||||
<p class="color-text-secondary f6" hidden data-help-end>
|
||||
{% data ui.helpfulness.feedback %}
|
||||
</p>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<!-- Hero -->
|
||||
<section id="landing" style="background-color: #fafbfc;">
|
||||
<section id="landing" class="color-bg-tertiary">
|
||||
<div class="container-xl px-3 px-md-6 pb-6 pb-lg-9">
|
||||
<div class="gutter gutter-xl-spacious pt-6 pt-lg-0 d-lg-flex flex-row-reverse flex-items-center">
|
||||
<div class="col-lg-7">
|
||||
|
|
@ -17,7 +17,7 @@
|
|||
<!-- Explore by product -->
|
||||
<section class="container-xl pb-lg-4 my-8 px-3 px-md-6">
|
||||
<div class="">
|
||||
<h2 class="text-mono f5 text-normal text-gray text-md-center mb-4">{% data ui.homepage.explore_by_product %}</h2>
|
||||
<h2 class="text-mono f5 text-normal color-text-secondary text-md-center mb-4">{% data ui.homepage.explore_by_product %}</h2>
|
||||
<div class="d-flex flex-wrap gutter gutter-xl-spacious">
|
||||
{% for product in activeProducts %}
|
||||
{% if product.versions contains currentVersion or currentVersion == 'homepage' %}
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<div class="py-3 px-4 rounded bg-white border-gradient--purple-pink d-flex flex-justify-between learning-track-nav">
|
||||
<div class="py-3 px-4 rounded color-bg-primary border-gradient--purple-pink d-flex flex-justify-between learning-track-nav">
|
||||
{% assign track = currentLearningTrack %}
|
||||
|
||||
<span class="d-flex flex-column">
|
||||
{% if track.prevGuide %}
|
||||
<span class="f6 text-gray">{% data ui.learning_track_nav.prevGuide %}</span>
|
||||
<a href="{{track.prevGuide.href}}?learn={{track.trackName}}" class="text-bold text-gray">{{track.prevGuide.title}}</a>
|
||||
<span class="f6 color-text-secondary">{% data ui.learning_track_nav.prevGuide %}</span>
|
||||
<a href="{{track.prevGuide.href}}?learn={{track.trackName}}" class="text-bold color-text-secondary">{{track.prevGuide.title}}</a>
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
<span class="d-flex flex-column flex-items-end">
|
||||
{% if track.nextGuide %}
|
||||
<span class="f6 text-gray">{% data ui.learning_track_nav.nextGuide %}</span>
|
||||
<a href="{{track.nextGuide.href}}?learn={{track.trackName}}" class="text-bold text-gray text-right">{{track.nextGuide.title}}</a>
|
||||
<span class="f6 color-text-secondary">{% data ui.learning_track_nav.nextGuide %}</span>
|
||||
<a href="{{track.nextGuide.href}}?learn={{track.trackName}}" class="text-bold color-text-secondary text-right">{{track.nextGuide.title}}</a>
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
<div class="d-flex col-12 col-md-4 pr-0 pr-md-6 pr-lg-8 <display condition> js-filter-card" data-type="{{ type.key }}" data-topics="{{ topics | join: ',' }}">
|
||||
<a class="no-underline d-flex flex-column py-3 border-bottom" href="{{ fullPath }}">
|
||||
<h4 class="h4 text-gray-dark mb-1">{{ title }}</h4>
|
||||
<div class="text-purple h6 text-uppercase">{{ type.value }}</div>
|
||||
<p class="text-gray my-3">{{ intro }}</p>
|
||||
<h4 class="h4 color-text-primary mb-1">{{ title }}</h4>
|
||||
<div class="h6 text-uppercase">{{ type.value }}</div>
|
||||
<p class="color-text-secondary my-3">{{ intro }}</p>
|
||||
{% if topics.length %}
|
||||
<div>
|
||||
{% for topic in topics %}
|
||||
<span class="IssueLabel bg-gradient--pink-blue text-white mr-1">{{ topic }}</span>
|
||||
<span class="IssueLabel bg-gradient--pink-blue color-text-inverse mr-1">{{ topic }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -17,4 +17,4 @@
|
|||
{% assign text = "INVALID SECTION" %}
|
||||
{% endcase %}
|
||||
|
||||
<span class="px-3 py-2 text-small text-bold text-uppercase text-mono text-white release-notes-section-label">{{ text }}</span>
|
||||
<span class="px-3 py-2 text-small text-bold text-uppercase text-mono color-text-inverse release-notes-section-label">{{ text }}</span>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
</h3>
|
||||
{{operation.descriptionHTML}}
|
||||
</div>
|
||||
<pre><code><span class="bg-blue text-white rounded-1 px-2 py-1" style="text-transform: uppercase">{{operation.verb}}</span> {{operation.requestPath}}</code></pre>
|
||||
<pre><code><span class="color-bg-info-inverse color-text-inverse rounded-1 px-2 py-1" style="text-transform: uppercase">{{operation.verb}}</span> {{operation.requestPath}}</code></pre>
|
||||
<div>
|
||||
{% if operation.parameters.size > 0 or operation.bodyParameters.size > 0 %}
|
||||
<h4 id="{{operation.slug}}--parameters">
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!--
|
||||
<!--
|
||||
Previews require an `accept` header. These used to be documented
|
||||
as `operation.parameters` but have moved to `operation.x-github.previews`
|
||||
-->
|
||||
|
|
@ -73,7 +73,7 @@
|
|||
<td colspan="4" class="has-nested-table">
|
||||
{% for childParamsGroup in bodyParam.childParamsGroups %}
|
||||
<details>
|
||||
<summary class="text-gray"><h4 id="{{ childParamsGroup.id }}">Properties of the <code>{{ childParamsGroup.parentName }}</code> {{ childParamsGroup.parentType }}</h4></summary>
|
||||
<summary class="color-text-secondary"><h4 id="{{ childParamsGroup.id }}">Properties of the <code>{{ childParamsGroup.parentName }}</code> {{ childParamsGroup.parentType }}</h4></summary>
|
||||
<table>
|
||||
<tbody>
|
||||
{% for childParam in childParamsGroup.params %}
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
{% endif %}
|
||||
</h4>
|
||||
{% for preview in operation.x-github.previews %}
|
||||
<div class="extended-markdown note border rounded-1 mb-4 p-3 border-blue bg-blue-light f5">
|
||||
<div class="extended-markdown note border rounded-1 mb-4 p-3 color-border-info color-bg-info f5">
|
||||
{{ preview.html }}
|
||||
{% if preview.required %}☝️ {% data ui.products.rest.reference.preview_header_is_required %}.{% endif %}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
<div class="sidebar d-none d-lg-block">
|
||||
|
||||
<div class="d-flex flex-items-center p-4 position-sticky top-0 sidebar-background-color" style="z-index: 3;" id="github-logo" role="banner">
|
||||
<a href="/{{ currentLanguage }}" class="text-white" aria-hidden="true" tabindex="-1">
|
||||
<a href="/{{ currentLanguage }}" class="color-text-inverse" aria-hidden="true" tabindex="-1">
|
||||
{% octicon "mark-github" height="32" %}
|
||||
</a>
|
||||
<a href="/{{ currentLanguage }}" class="h4-mktg text-white no-underline no-wrap pl-2 flex-auto">{% data ui.header.github_docs %}</a>
|
||||
<a href="/{{ currentLanguage }}" class="h4-mktg color-text-inverse no-underline no-wrap pl-2 flex-auto">{% data ui.header.github_docs %}</a>
|
||||
</div>
|
||||
|
||||
<nav>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<footer class="py-6 text-small">
|
||||
<div class="container-xl d-flex px-3 px-md-6">
|
||||
<ul class="d-flex list-style-none flex-wrap flex-justify-center flex-xl-justify-start">
|
||||
<li class="d-flex mr-xl-3 text-gray">
|
||||
<li class="d-flex mr-xl-3 color-text-secondary">
|
||||
{% octicon "mark-github" height="20" class="mr-2 mr-xl-3" %}
|
||||
<span>© {{ "now" | date: "%Y" }} GitHub, Inc.</span>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<section class="mt-lg-9 py-7 px-3 px-md-6 no-print" style="background:#fafbfc">
|
||||
<section class="mt-lg-9 py-7 px-3 px-md-6 no-print color-bg-tertiary">
|
||||
<div class="container-xl gutter-lg-spacious clearfix">
|
||||
<div class="col-12 col-lg-6 col-xl-4 mb-6 mb-xl-0 float-left">
|
||||
{% include helpfulness %}
|
||||
|
|
|
|||
|
|
@ -264,21 +264,21 @@ function tmplSearchResults (items) {
|
|||
function tmplSearchResult ({ url, breadcrumbs, heading, title, content }) {
|
||||
const { div, a } = tags
|
||||
return div(
|
||||
{ class: 'search-result border-top border-gray-light py-3 px-2' },
|
||||
{ class: 'search-result border-top color-border-secondary py-3 px-2' },
|
||||
a(
|
||||
{ href: url, class: 'no-underline' },
|
||||
div(
|
||||
{ class: 'search-result-breadcrumbs d-block text-gray-dark opacity-60 text-small pb-1' },
|
||||
{ class: 'search-result-breadcrumbs d-block color-text-primary opacity-60 text-small pb-1' },
|
||||
// Breadcrumbs in search records don't include the page title
|
||||
markify(breadcrumbs || '')
|
||||
),
|
||||
div(
|
||||
{ class: 'search-result-title d-block h4-mktg text-gray-dark' },
|
||||
{ class: 'search-result-title d-block h4-mktg color-text-primary' },
|
||||
// Display page title and heading (if present exists)
|
||||
markify(heading ? `${title}: ${heading}` : title)
|
||||
),
|
||||
div(
|
||||
{ class: 'search-result-content d-block text-gray' },
|
||||
{ class: 'search-result-content d-block color-text-secondary' },
|
||||
markify(content)
|
||||
)
|
||||
)
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<link rel="alternate icon" type="image/png" href="/assets/images/site/favicon.png">
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/images/site/favicon.svg">
|
||||
</head>
|
||||
|
||||
|
||||
<body class="dev-toc p-3 m-3">
|
||||
<main class="width-full">
|
||||
|
||||
|
|
@ -73,4 +73,4 @@
|
|||
{% include scripts %}
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
<div class="article-grid-toc border-bottom border-xl-0 pb-4 mb-5 pb-xl-0 mb-xl-0">
|
||||
<div class="article-grid-toc-content">
|
||||
{% if miniTocItems.size > 1 %}
|
||||
<h2 id="in-this-article" class="f5 mb-2"><a class="link-gray-dark" href="#in-this-article">{% data ui.pages.miniToc %}</a></h2>
|
||||
<h2 id="in-this-article" class="f5 mb-2"><a class="Link--primary" href="#in-this-article">{% data ui.pages.miniToc %}</a></h2>
|
||||
<ul class="list-style-none pl-0 f5 mb-0">
|
||||
{% for item in miniTocItems %}
|
||||
<li class="ml-{{ item.indentationLevel | times: 3 }} mb-2 lh-condensed">{{ item.contents }}</li>
|
||||
|
|
|
|||
|
|
@ -12,15 +12,15 @@
|
|||
<div class="container-xl px-3 px-md-6 pt-3 pb-2">
|
||||
<header class="d-lg-flex gutter-lg mb-6">
|
||||
<div class="{% if page.product_video and page.product_video != '' %}col-12 col-lg-6 mb-3 mb-lg-0{% endif %}">
|
||||
<span class="text-mono text-gray">Product</span>
|
||||
<span class="text-mono color-text-secondary">Product</span>
|
||||
<h1 class="mb-3 font-mktg">
|
||||
{{ page.shortTitle }}
|
||||
|
||||
{% if page.beta_product %}
|
||||
<span class="Label Label--green v-align-middle">Beta</span>
|
||||
<span class="Label Label--success v-align-middle">Beta</span>
|
||||
{% endif %}
|
||||
</h1>
|
||||
<div class="lead-mktg text-gray">{{ page.intro }}</div>
|
||||
<div class="lead-mktg color-text-secondary">{{ page.intro }}</div>
|
||||
|
||||
{% if page.introLinks.quickstart and page.introLinks.quickstart != '' %}
|
||||
<a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks.quickstart }}" class="btn-mktg btn-large f4 mt-3 mr-3">
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
{% unless AIRGAP %}
|
||||
<iframe
|
||||
title="{{ page.shortTitle }} Video"
|
||||
class="top-0 left-0 position-absolute box-shadow-large rounded-1 width-full height-full"
|
||||
class="top-0 left-0 position-absolute color-shadow-large rounded-1 width-full height-full"
|
||||
src="{{ page.product_video }}"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<div class="d-lg-flex gutter my-6 py-6">
|
||||
<div class="col-12 col-lg-{% if page.changelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
|
||||
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.guides %}</h3>
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-text-secondary">{% data ui.toc.guides %}</h3>
|
||||
{% unless currentCategory %}
|
||||
<a href="{{ currentPath }}/guides" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
|
||||
{% endunless %}
|
||||
|
|
@ -72,7 +72,7 @@
|
|||
<li class="border-top">
|
||||
<a class="link-with-intro Bump-link--hover no-underline d-block py-3" href="{{ link.href }}">
|
||||
<h4 class="link-with-intro-title mb-1">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
||||
<p class="link-with-intro-intro color-gray-5 mb-0">{{ link.intro | truncatewords: 12 }}</p>
|
||||
<p class="link-with-intro-intro color-text-secondary mb-0">{{ link.intro | truncatewords: 12 }}</p>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
|
||||
<div class="col-12 col-lg-{% if page.changelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
|
||||
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.popular_articles %}</h3>
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-text-secondary">{% data ui.toc.popular_articles %}</h3>
|
||||
</div>
|
||||
<ul class="list-style-none">
|
||||
{% for link in featuredLinks.popular %}
|
||||
|
|
@ -97,16 +97,16 @@
|
|||
{% if page.changelog %}
|
||||
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
|
||||
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.whats_new %}</h3>
|
||||
<h3 class="f4 text-normal text-mono text-uppercase color-text-secondary">{% data ui.toc.whats_new %}</h3>
|
||||
<a href="{{ changelogUrl }}" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
|
||||
</div>
|
||||
<ul class="list-style-none">
|
||||
{% for link in whatsNewChangelog %}
|
||||
<li class="border-top">
|
||||
<a href="{{ link.href }}" class="d-block text-gray-dark Bump-link--hover py-3 no-underline capitalize">
|
||||
<a href="{{ link.href }}" class="d-block color-text-primary Bump-link--hover py-3 no-underline capitalize">
|
||||
<h4>{{ link.title }} <span class="Bump-link-symbol">→</span></h4>
|
||||
<time
|
||||
class="tooltipped tooltipped-n text-gray-light text-mono mt-1"
|
||||
class="tooltipped tooltipped-n color-text-tertiary text-mono mt-1"
|
||||
aria-label="{{ link.date | date: '%B %d, %Y' }}"
|
||||
>{{ link.date | date: "%B %d" }}</time>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -11,13 +11,13 @@
|
|||
{% include header %}
|
||||
{% include deprecation-banner %}
|
||||
|
||||
<div class="bg-gray">
|
||||
<div class="color-bg-tertiary">
|
||||
<div class="container-xl px-3 px-md-6 pt-3 pb-2">
|
||||
<header class="d-flex gutter mb-6">
|
||||
<div class="col-12">
|
||||
<span class="text-mono text-gray text-uppercase">{% include breadcrumbs %}</span>
|
||||
<span class="text-mono color-text-secondary text-uppercase">{% include breadcrumbs %}</span>
|
||||
<h1 class="my-3 font-mktg">{% data ui.product_sublanding.guides %}</h1>
|
||||
<div class="lead-mktg text-gray f4 description-text">{{ page.intro }}</div>
|
||||
<div class="lead-mktg color-text-secondary f4 description-text">{{ page.intro }}</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
|
@ -26,11 +26,11 @@
|
|||
{% assign featuredTrack = page.learningTracks[0] %}
|
||||
<ul class="list-style-none d-flex flex-nowrap overflow-x-scroll px-2 feature-track">
|
||||
<li class="px-2 d-flex flex-shrink-0">
|
||||
<div class="d-inline-block Box p-5 bg-gradient--blue-pink text-white">
|
||||
<div class="circle text-white d-inline-flex" style="border: 2px white solid;">{% octicon "star-fill" height="24" class="v-align-middle m-2"%}</div>
|
||||
<div class="d-inline-block Box p-5 bg-gradient--blue-pink color-text-inverse">
|
||||
<div class="circle color-text-inverse d-inline-flex" style="border: 2px white solid;">{% octicon "star-fill" height="24" class="v-align-middle m-2"%}</div>
|
||||
<h3 class="font-mktg h3-mktg my-4">{{ featuredTrack.title }}</h3>
|
||||
<div class="lead-mktg text-white f5 my-4">{{ featuredTrack.description }}</div>
|
||||
<a class="d-inline-block border border-white text-white px-4 py-2 f5 no-underline text-bold" role="button" href="{{ featuredTrack.guides[0].href }}?learn={{ featuredTrack.trackName }}">
|
||||
<div class="lead-mktg color-text-inverse f5 my-4">{{ featuredTrack.description }}</div>
|
||||
<a class="d-inline-block border color-border-inverse color-text-inverse px-4 py-2 f5 no-underline text-bold" role="button" href="{{ featuredTrack.guides[0].href }}?learn={{ featuredTrack.trackName }}">
|
||||
<span class="mr-2">{% octicon "arrow-right" height="20" %}</span>
|
||||
{% data ui.product_sublanding.start_path %}
|
||||
</a>
|
||||
|
|
@ -38,26 +38,26 @@
|
|||
</li>
|
||||
{% for guide in featuredTrack.guides %}
|
||||
<li class="px-2 d-flex flex-shrink-0">
|
||||
<a href="{{ guide.href }}?learn={{ featuredTrack.trackName }}" class="d-inline-block Box p-5 bg-white border-gray no-underline">
|
||||
<a href="{{ guide.href }}?learn={{ featuredTrack.trackName }}" class="d-inline-block Box p-5 color-bg-primary color-border-primary no-underline">
|
||||
<div class="d-flex flex-justify-between flex-items-center">
|
||||
<div class="circle bg-white text-blue border-gradient--pink-blue-dark d-inline-flex">
|
||||
<div class="circle color-bg-primary color-text-link border-gradient--pink-blue-dark d-inline-flex">
|
||||
<span class="m-2 f2 lh-condensed-ultra text-center text-bold step-circle-text" style="width: 24px; height: 24px;">{{ forloop.index }}</span>
|
||||
</div>
|
||||
<div class="text-gray-light h6 text-uppercase">{{ guideTypes[guide.page.type] }}</div>
|
||||
<div class="color-text-tertiary h6 text-uppercase">{{ guideTypes[guide.page.type] }}</div>
|
||||
</div>
|
||||
<h3 class="font-mktg h3-mktg my-4 text-gray-dark">{{ guide.title }}</h3>
|
||||
<div class="lead-mktg text-gray f5 my-4 truncate-overflow-8">{{ guide.intro }}</div>
|
||||
<h3 class="font-mktg h3-mktg my-4 color-text-primary">{{ guide.title }}</h3>
|
||||
<div class="lead-mktg color-text-secondary f5 my-4 truncate-overflow-8">{{ guide.intro }}</div>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="position-absolute top-0 bottom-0 left-0 ml-3 pl-3" style="background: linear-gradient(to right, rgba(246,248,250,1), rgba(246,248,250,0));"></div>
|
||||
<div class="position-absolute top-0 bottom-0 right-0 mr-3 pr-3" style="background: linear-gradient(to left, rgba(246,248,250,1), rgba(246,248,250,0));"></div>
|
||||
<div class="position-absolute top-0 bottom-0 left-0 ml-3 pl-3 fade-background-left"></div>
|
||||
<div class="position-absolute top-0 bottom-0 right-0 mr-3 pr-3 fade-background-right"></div>
|
||||
</div>
|
||||
|
||||
<div class="border-top py-6">
|
||||
<h2 class="mb-3 font-mktg">{% data ui.product_sublanding.learning_paths %}</h2>
|
||||
<div class="lead-mktg text-gray f4 description-text">{% data ui.product_sublanding.learning_paths_desc %}</div>
|
||||
<div class="lead-mktg color-text-secondary f4 description-text">{% data ui.product_sublanding.learning_paths_desc %}</div>
|
||||
|
||||
<!-- Learning tracks -->
|
||||
<div class="d-flex flex-wrap flex-items-start my-5 gutter">
|
||||
|
|
@ -67,31 +67,31 @@
|
|||
<div class="Box-header bg-gradient--blue-pink p-4 d-flex flex-1 flex-items-start flex-wrap">
|
||||
<div class="d-flex flex-auto flex-items-start col-8 col-md-12 col-xl-8">
|
||||
<div class="my-xl-0 mr-xl-3">
|
||||
<h5 class="mb-3 text-white font-mktg h3-mktg ">
|
||||
<h5 class="mb-3 color-text-inverse font-mktg h3-mktg ">
|
||||
{{ track.title }}
|
||||
</h5>
|
||||
<p class="text-white truncate-overflow-3 learning-track--description">{{ track.description }}</p>
|
||||
<p class="color-text-inverse truncate-overflow-3 learning-track--description">{{ track.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<a class="d-inline-block border border-white text-white px-3 py-2 f5 no-underline text-bold no-wrap mt-3 mt-md-0" role="button" href="{{ track.guides[0].href }}?learn={{ track.trackName }}">
|
||||
<a class="d-inline-block border color-border-inverse color-text-inverse px-3 py-2 f5 no-underline text-bold no-wrap mt-3 mt-md-0" role="button" href="{{ track.guides[0].href }}?learn={{ track.trackName }}">
|
||||
{% data ui.product_sublanding.start %}
|
||||
<span class="ml-2">{% octicon "arrow-right" height="20" %}</span>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
{% for guide in track.guides %}
|
||||
<a class="Box-row d-flex flex-items-center text-gray-dark no-underline js-show-more-item {% if forloop.index > 4 %}d-none{% endif %}" href="{{ guide.href }}?learn={{ track.trackName }}">
|
||||
<div class="circle bg-gray d-inline-flex mr-4">
|
||||
<a class="Box-row d-flex flex-items-center color-text-primary no-underline js-show-more-item {% if forloop.index > 4 %}d-none{% endif %}" href="{{ guide.href }}?learn={{ track.trackName }}">
|
||||
<div class="circle color-bg-tertiary d-inline-flex mr-4">
|
||||
<span class="m-2 f3 lh-condensed-ultra text-center text-bold step-circle-text" style="min-width: 20px; height: 20px;">{{ forloop.index }}</span>
|
||||
</div>
|
||||
<h5 class="flex-auto pr-2">{{ guide.title }}</h5>
|
||||
<div class="text-gray-light h6 text-uppercase">{{ guideTypes[guide.page.type] }}</div>
|
||||
<div class="color-text-tertiary h6 text-uppercase">{{ guideTypes[guide.page.type] }}</div>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if track.guides.size > 4 %}
|
||||
<a class="Box-footer btn-link border-top-0 position-relative text-center text-bold text-blue pt-1 pb-3 col-12 js-show-more-button">
|
||||
<div class="position-absolute left-0 right-0 py-5" style="background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0)); bottom: 50px;"></div>
|
||||
<a class="Box-footer btn-link border-top-0 position-relative text-center text-bold color-text-link pt-1 pb-3 col-12 js-show-more-button">
|
||||
<div class="position-absolute left-0 right-0 py-5 fade-background-bottom" style="; bottom: 50px;"></div>
|
||||
<span>{{ track.guides.size | minus: 4 }} {% data ui.product_sublanding.more_guides %}</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
|
|
@ -104,7 +104,7 @@
|
|||
</div>
|
||||
|
||||
{% if page.includeGuides %}
|
||||
<div class="py-6 border-top border-gray">
|
||||
<div class="py-6 border-top color-border-primary">
|
||||
{% include article-cards %}
|
||||
</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<div class="d-flex">
|
||||
<article class="min-width-0 flex-1">
|
||||
<div class="d-flex flex-items-center flex-justify-between bg-white text-bold px-5 py-2">
|
||||
<div class="d-flex flex-items-center flex-justify-between color-bg-primary text-bold px-5 py-2">
|
||||
{% if prevRelease %}
|
||||
<a
|
||||
class="btn btn-outline"
|
||||
|
|
@ -39,15 +39,15 @@
|
|||
|
||||
<div class="markdown-body">
|
||||
{% for patch in releaseNotes %}
|
||||
<div class="js-release-notes-patch mb-10 bg-gray-light pb-6 border-bottom border-top" data-version="{{ patch.version }}" id="{{ patch.version }}">
|
||||
<header class="container-xl position-sticky top-0 bg-gray-light border-bottom px-3 pt-4 pb-2 js-release-notes-patch-heading" data-version="{{ patch.version }}">
|
||||
<div class="js-release-notes-patch mb-10 color-bg-secondary pb-6 border-bottom border-top" data-version="{{ patch.version }}" id="{{ patch.version }}">
|
||||
<header class="container-xl position-sticky top-0 color-bg-secondary border-bottom px-3 pt-4 pb-2 js-release-notes-patch-heading" data-version="{{ patch.version }}">
|
||||
<div class="d-flex flex-items-center">
|
||||
<h2 class="border-bottom-0 m-0 p-0">
|
||||
{{ allVersions[currentVersion].versionTitle }}.{{ patch.patchVersion }}
|
||||
</h2>
|
||||
|
||||
{% if patch.release_candidate %}
|
||||
<span class="IssueLabel bg-orange text-white ml-3" style="white-space: pre">Release Candidate</span>
|
||||
<span class="IssueLabel color-bg-warning-inverse color-text-inverse ml-3" style="white-space: pre">Release Candidate</span>
|
||||
{% endif %}
|
||||
|
||||
<a href="https://enterprise.github.com/releases/{{ patch.downloadVersion }}/download" class="ml-3 text-small text-bold">
|
||||
|
|
@ -59,18 +59,18 @@
|
|||
</button>
|
||||
</div>
|
||||
|
||||
<p class="text-gray mt-1">{{ patch.date | date: "%B %d, %Y" }}</p>
|
||||
<p class="color-text-secondary mt-1">{{ patch.date | date: "%B %d, %Y" }}</p>
|
||||
|
||||
{% if patch.version != latestPatch and allVersions[currentVersion].currentRelease == latestRelease %}
|
||||
<p class="text-gray mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_only %}</p>
|
||||
<p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_only %}</p>
|
||||
{% endif %}
|
||||
|
||||
{% if patch.version == latestPatch and allVersions[currentVersion].currentRelease != latestRelease %}
|
||||
<p class="text-gray mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_release_only %}</p>
|
||||
<p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_release_only %}</p>
|
||||
{% endif %}
|
||||
|
||||
{% if patch.version != latestPatch and allVersions[currentVersion].currentRelease != latestRelease %}
|
||||
<p class="text-gray mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_and_release %}</p>
|
||||
<p class="color-text-secondary mt-1">{% data ui.header.notices.ghes_release_notes_upgrade_patch_and_release %}</p>
|
||||
{% endif %}
|
||||
</header>
|
||||
|
||||
|
|
@ -113,7 +113,7 @@
|
|||
</article>
|
||||
|
||||
<aside
|
||||
class="markdown-body position-sticky top-0 d-none d-md-block border-left no-print bg-white flex-shrink-0"
|
||||
class="markdown-body position-sticky top-0 d-none d-md-block border-left no-print color-bg-primary flex-shrink-0"
|
||||
style="width: 260px; height: 100vh;"
|
||||
>
|
||||
<nav class="height-full overflow-auto">
|
||||
|
|
@ -126,18 +126,18 @@
|
|||
<summary class="px-3 py-4 my-0 d-flex flex-items-center flex-justify-between">
|
||||
{{ release.version }}
|
||||
<div class="d-flex">
|
||||
<span class="text-gray-light text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
|
||||
<span class="color-text-tertiary text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
|
||||
{% octicon "chevron-down" %}
|
||||
</div>
|
||||
</summary>
|
||||
<ul class="bg-gray border-top list-style-none py-4 px-0 my-0">
|
||||
<ul class="color-bg-tertiary border-top list-style-none py-4 px-0 my-0">
|
||||
{% for patch in release.patches %}
|
||||
<li class="js-release-notes-patch-link px-3 my-0 py-1" data-version="{{ patch.version }}">
|
||||
<a
|
||||
href="/{{ currentLanguage }}/{{ allVersions[currentVersion].plan }}@{{ release.version }}/{{ currentProduct }}/release-notes#{{ patch.version }}"
|
||||
class="d-flex flex-items-center flex-justify-between">
|
||||
{{ patch.version }}
|
||||
<span class="text-gray-light text-mono text-small text-normal">{{ patch.date | date: "%B %d, %Y" }}</span>
|
||||
<span class="color-text-tertiary text-mono text-small text-normal">{{ patch.date | date: "%B %d, %Y" }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
|
@ -146,11 +146,11 @@
|
|||
{% else %}
|
||||
<a class="px-3 py-4 my-0 d-flex flex-items-center flex-justify-between" href="/{{ currentLanguage }}/{{ allVersions[currentVersion].plan }}@{{ release.version }}/{{ currentProduct }}/release-notes">
|
||||
{{ release.version }}
|
||||
<span class="text-gray-light text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
|
||||
<span class="color-text-tertiary text-mono text-small text-normal mr-1">{{ release.patches | size }} releases</span>
|
||||
</a>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<a href="/{{ currentLanguage }}/{{ allVersions[currentVersion].plan }}@{{ release.version }}/{{ currentProduct }}/release-notes" class="link-gray-dark no-underline px-3 py-4 my-0 d-flex flex-items-center flex-justify-between">
|
||||
<a href="/{{ currentLanguage }}/{{ allVersions[currentVersion].plan }}@{{ release.version }}/{{ currentProduct }}/release-notes" class="Link--primary no-underline px-3 py-4 my-0 d-flex flex-items-center flex-justify-between">
|
||||
{{ release.version }}
|
||||
{% octicon "link-external" %}
|
||||
</a>
|
||||
|
|
|
|||
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
|
|
@ -3,10 +3,10 @@ const tags = {
|
|||
windows: '',
|
||||
linux: '',
|
||||
all: '',
|
||||
tip: 'border rounded-1 mb-4 p-3 border-blue bg-blue-light f5',
|
||||
note: 'border rounded-1 mb-4 p-3 border-blue bg-blue-light f5',
|
||||
warning: 'border rounded-1 mb-4 p-3 border-red bg-red-light f5',
|
||||
danger: 'border rounded-1 mb-4 p-3 border-red bg-red-light f5'
|
||||
tip: 'border rounded-1 mb-4 p-3 color-border-info color-bg-info f5',
|
||||
note: 'border rounded-1 mb-4 p-3 color-border-info color-bg-info f5',
|
||||
warning: 'border rounded-1 mb-4 p-3 color-border-danger color-bg-danger f5',
|
||||
danger: 'border rounded-1 mb-4 p-3 color-border-danger color-bg-danger f5'
|
||||
}
|
||||
|
||||
const template = '<div class="extended-markdown {{ tagName }} {{ classes }}">{{ output }}</div>'
|
||||
|
|
|
|||
|
|
@ -21,6 +21,9 @@ module.exports = {
|
|||
|
||||
// Memoize the icon
|
||||
this.icon = match.groups.icon
|
||||
// Breaking change in octicons 12
|
||||
// https://github.com/primer/octicons/releases/tag/v12.0.0
|
||||
if (this.icon === 'trashcan') this.icon = 'trash'
|
||||
this.options = {}
|
||||
|
||||
// Memoize any options passed
|
||||
|
|
|
|||
|
|
@ -5106,17 +5106,18 @@
|
|||
}
|
||||
},
|
||||
"@primer/css": {
|
||||
"version": "15.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/css/-/css-15.1.0.tgz",
|
||||
"integrity": "sha512-UmmfjwA26FhOGBMuAfJQOBeRHz9YUcw7khPtifp7K+VyTDEhLnJPRTdApxtivH69vHTkSJ3rh/W1gWYolrLgVA==",
|
||||
"version": "16.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/css/-/css-16.2.0.tgz",
|
||||
"integrity": "sha512-nELaaTJAuDBfyoHuz9c5P3ALDVavt/BSyAAa7KEpyi9S3BupYSitCwGkcJE+U6LtCUzHoqv31N9R2eJJxTgCyQ==",
|
||||
"requires": {
|
||||
"@primer/octicons": "^9.1.1"
|
||||
"@primer/octicons": "12.1.0",
|
||||
"@primer/primitives": "4.2.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"@primer/octicons": {
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-9.6.0.tgz",
|
||||
"integrity": "sha512-B5Wzk5izRXXz0JqEXJkVUtqhCXSpUKgqYkVwegMkp5sziBW+ksd9LPbONlCWyyLODwf9GsI2sBXekR7m+JJDBw==",
|
||||
"version": "12.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-12.1.0.tgz",
|
||||
"integrity": "sha512-jayKLMTCx/0zh4fjYmkxdlEgQ8STwevn5S48fkvi/03asITmBkaYAMPrUgO8VNSQkSPHIEuc3oTLXgh+JwH0UQ==",
|
||||
"requires": {
|
||||
"object-assign": "^4.1.1"
|
||||
}
|
||||
|
|
@ -5124,13 +5125,18 @@
|
|||
}
|
||||
},
|
||||
"@primer/octicons": {
|
||||
"version": "11.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-11.0.0.tgz",
|
||||
"integrity": "sha512-aMM2n7dl4ToEqQH9ZWQ8M8alGCoGsRk2k5hT5h3KXd54YFKte1twhJDvyQjIjjxqggNh5NUfyuqTOv6MPCVSKQ==",
|
||||
"version": "13.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/octicons/-/octicons-13.0.0.tgz",
|
||||
"integrity": "sha512-kMNu3Ny3eocOTl2hxRC0YX0na7zJwpSIQNiZqmyqbLMKp2YwNAwk5Tan4RLGe35f30st+EbNq15dEjiMzslAcw==",
|
||||
"requires": {
|
||||
"object-assign": "^4.1.1"
|
||||
}
|
||||
},
|
||||
"@primer/primitives": {
|
||||
"version": "4.2.0",
|
||||
"resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-4.2.0.tgz",
|
||||
"integrity": "sha512-/2/9ueCWWzqaLRSJ3TNGthMVX8DBn/oa+ZY9eB/TmxUPglXd8AQMxV2wz+pAoy8SpXXwe84JuEgHTAghzAOh0w=="
|
||||
},
|
||||
"@sideway/address": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.0.tgz",
|
||||
|
|
|
|||
|
|
@ -22,8 +22,8 @@
|
|||
"@graphql-inspector/core": "^2.3.0",
|
||||
"@graphql-tools/load": "^6.2.5",
|
||||
"@octokit/rest": "^16.38.1",
|
||||
"@primer/css": "^15.1.0",
|
||||
"@primer/octicons": "^11.0.0",
|
||||
"@primer/css": "^16.2.0",
|
||||
"@primer/octicons": "^13.0.0",
|
||||
"algoliasearch": "^3.35.1",
|
||||
"babel-loader": "^8.1.0",
|
||||
"babel-preset-env": "^1.7.0",
|
||||
|
|
|
|||
|
|
@ -95,7 +95,7 @@
|
|||
|
||||
.breadcrumbs a:not(:last-child)::after, .breadcrumbs span:not(:last-child)::after {
|
||||
content: '/';
|
||||
color: $gray-400;
|
||||
color: var(--color-auto-gray-4);
|
||||
padding-right: $spacer-1;
|
||||
padding-left: $spacer-2;
|
||||
display:inline-block;
|
||||
|
|
@ -116,7 +116,7 @@
|
|||
padding: 15px 0 15px 55px;
|
||||
position: relative;
|
||||
margin-bottom: 5px;
|
||||
border-top: 3px solid #EEE;
|
||||
border-top: 3px solid var(--color-auto-gray-2);
|
||||
}
|
||||
|
||||
.markdown-body ol > li:before {
|
||||
|
|
@ -128,7 +128,7 @@
|
|||
height: 100%;
|
||||
width: 30px;
|
||||
padding: 0 10px 0 0;
|
||||
color: #999;
|
||||
color: var(--color-auto-gray-4);
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
line-height: 35px;
|
||||
|
|
@ -160,7 +160,7 @@
|
|||
|
||||
.procedural-image-wrapper img {
|
||||
border-radius: 5px;
|
||||
border: 2px solid #EEE;
|
||||
border: 2px solid var(--color-auto-gray-2);
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-height: 500px;
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
// Markup can be different and we need both selectors below
|
||||
.directory-link-box:hover .Box,
|
||||
.directory-link-box.Box:hover {
|
||||
border: 1px solid $blue-500;
|
||||
border: 1px solid var(--color-auto-blue-5);
|
||||
}
|
||||
|
||||
// Expandable grid is used on article listing pages
|
||||
|
|
|
|||
|
|
@ -4,5 +4,5 @@
|
|||
iframe#graphiql {
|
||||
width: 100%;
|
||||
height: 715px;
|
||||
border: 1px solid #ddd;
|
||||
border: 1px solid var(--color-auto-gray-3);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
$gradients: (
|
||||
"-purple-pink": linear-gradient(135deg, $purple-400 0%, $pink-500 100%),
|
||||
"-purple-pink": linear-gradient(135deg, var(--color-auto-purple-4) 0%, var(--color-auto-pink-5) 100%),
|
||||
"-aquamarine-mauve": linear-gradient(130deg, #3bf0e4 -6.8%, #bca1f7 70%),
|
||||
"-purple-coral": linear-gradient(87.54deg, #9867f0 -6.8%, #ed4e50 84.14%),
|
||||
"-purple-coral-dark": linear-gradient(92deg, #bca1f7 15%, #e577b4 45%, #ff7170 85%),
|
||||
|
|
@ -77,4 +77,4 @@ $border-width: 2px;
|
|||
|
||||
@each $gradient, $value in $gradients {
|
||||
@include border-gradient(".border-gradient-#{$gradient}", $value);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
------------------------------------------------------------------------------*/
|
||||
|
||||
.header-notifications a {
|
||||
color: $blue-600;
|
||||
color: var(--color-auto-blue-6);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -38,10 +38,10 @@ header summary,
|
|||
right: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
background-color: $gray-000;
|
||||
background-color: var(--color-auto-gray-0);
|
||||
padding: $spacer-3;
|
||||
padding-top: $spacer-8;
|
||||
box-shadow: 0 1px 15px $black-fade-15;
|
||||
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -63,9 +63,9 @@ header summary,
|
|||
.nav-desktop-langDropdown {
|
||||
@include breakpoint(md) {
|
||||
min-width: 200px;
|
||||
background: $white;
|
||||
background: var(--color-bg-primary);
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 15px $black-fade-15;
|
||||
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -9,19 +9,15 @@
|
|||
}
|
||||
|
||||
// Type
|
||||
.text-blue-mktg {
|
||||
color: $blue-500 !important;
|
||||
}
|
||||
|
||||
.text-white-fade {
|
||||
color: $white-fade-70 !important;
|
||||
.color-text-link-mktg {
|
||||
color: var(--color-auto-blue-5) !important;
|
||||
}
|
||||
|
||||
// Text styling
|
||||
.underline-dashed {
|
||||
display: inline;
|
||||
padding-bottom: $spacer-1;
|
||||
background-image: linear-gradient(to right, $gray-300 50%, rgba(255, 255, 255, 0) 0%);
|
||||
background-image: linear-gradient(to right, var(--color-auto-gray-3) 50%, transparent 0%);
|
||||
background-repeat: repeat-x;
|
||||
background-position: bottom;
|
||||
background-size: 10px 1px;
|
||||
|
|
@ -50,11 +46,6 @@
|
|||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
// Background
|
||||
.bg-blue-dark {
|
||||
background-color: $blue-800 !important;
|
||||
}
|
||||
|
||||
// stylelint-disable primer/no-unused-vars
|
||||
|
||||
// Typography
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@
|
|||
|
||||
// needs specificity to override
|
||||
.markdown-body .lead-mktg p {
|
||||
color: $gray-900;
|
||||
color: var(--color-auto-gray-9);
|
||||
}
|
||||
|
||||
.extended-markdown p {
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
}
|
||||
|
||||
.extended-markdown.note pre code {
|
||||
color: $text-gray-dark;
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
||||
.product-callout p, .contributor-callout p {
|
||||
|
|
@ -75,24 +75,6 @@
|
|||
line-height: 1.5;
|
||||
}
|
||||
|
||||
div.light-bg a,
|
||||
div.light-bg a h4 {
|
||||
color: $text-gray-dark;
|
||||
}
|
||||
|
||||
div.light-bg a p {
|
||||
color: $text-gray;
|
||||
}
|
||||
|
||||
div.dark-bg a,
|
||||
div.dark-bg a h4 {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
div.dark-bg a p {
|
||||
color: $white-fade-70;
|
||||
}
|
||||
|
||||
li.nestedTocItem {
|
||||
margin-left: 2em;
|
||||
list-style-type: circle;
|
||||
|
|
@ -123,21 +105,21 @@ li.nestedTocItem {
|
|||
|
||||
/* code styles */
|
||||
pre .redbox {
|
||||
border: 2px solid #d9534f;
|
||||
border: 2px solid var(--color-auto-red-5);
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
pre .greenbox {
|
||||
border: 2px solid #5cb85c;
|
||||
border: 2px solid var(--color-auto-green-5);
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
pre .bluebox {
|
||||
border: 2px solid #428bca;
|
||||
border: 2px solid var(--color-auto-blue-5);
|
||||
padding: 2px;
|
||||
border-radius: 2px;
|
||||
margin-right: 2px;
|
||||
|
|
@ -145,31 +127,31 @@ pre .bluebox {
|
|||
|
||||
/* Accessibility color contrast */
|
||||
.btn-mktg {
|
||||
background-color: $blue-500;
|
||||
background-color: var(--color-auto-blue-5);
|
||||
}
|
||||
|
||||
/* Accessibility color contrast */
|
||||
.btn-outline-mktg {
|
||||
background-color: white;
|
||||
color: $blue-500;
|
||||
background-color: var(--color-auto-inverse);
|
||||
color: var(--color-auto-blue-5);
|
||||
}
|
||||
|
||||
/* Accessibility color contrast */
|
||||
.bg-red-light a {
|
||||
color: $blue-600;
|
||||
.color-bg-danger a {
|
||||
color: var(--color-auto-blue-6);
|
||||
}
|
||||
|
||||
/* Accessibility color contrast */
|
||||
.markdown-body .bg-blue-light blockquote {
|
||||
color: $gray-600;
|
||||
.markdown-body .color-bg-info blockquote {
|
||||
color: var(--color-auto-gray-6);
|
||||
}
|
||||
|
||||
/* Helpfulness survey override */
|
||||
:checked + .x-radio-label {
|
||||
background: $blue-500;
|
||||
background: var(--color-auto-blue-5);
|
||||
|
||||
svg {
|
||||
fill: $white;
|
||||
fill: var(--color-auto-inverse);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -180,4 +162,3 @@ pre .bluebox {
|
|||
.markdown-body img {
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
.bg-guides-gradient {
|
||||
background: linear-gradient(0deg, rgba(33, 136, 255, 0.11) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background: linear-gradient(0deg, var(--color-auto-blue-0) 0%, transparent 100%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
}
|
||||
|
||||
.step-circle-text {
|
||||
color: #7952AF;
|
||||
color: var(--color-auto-purple-5);
|
||||
}
|
||||
.description-text {
|
||||
opacity: 0.7;
|
||||
|
|
@ -37,4 +37,29 @@
|
|||
}
|
||||
|
||||
@include truncate(3);
|
||||
@include truncate(8);
|
||||
@include truncate(8);
|
||||
|
||||
|
||||
.fade-background-left {
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
var(--color-bg-tertiary),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.fade-background-right {
|
||||
background: linear-gradient(
|
||||
to left,
|
||||
var(--color-bg-tertiary),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
||||
.fade-background-bottom {
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
var(--color-bg-tertiary),
|
||||
transparent
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ ul.release-notes-list li.release-notes-list-item {
|
|||
// `• `
|
||||
content: '\2022\00a0\00a0\00a0\00a0';
|
||||
font-size: 1.6em;
|
||||
color: $gray-400;
|
||||
color: var(--color-auto-gray-4);
|
||||
}
|
||||
|
||||
&.list-style-none::marker {
|
||||
|
|
@ -23,18 +23,18 @@ details[open].release-notes-version-picker summary .octicon.octicon-chevron-down
|
|||
|
||||
.js-release-notes-patch-link {
|
||||
&.selected {
|
||||
background-color: $blue-100;
|
||||
background-color: var(--color-auto-blue-1);
|
||||
}
|
||||
}
|
||||
|
||||
$colors-list:(
|
||||
features: #05a88b,
|
||||
bugs: #ec8c1c,
|
||||
known_issues: #4f6db3,
|
||||
security_fixes: #e53e72,
|
||||
changes: #69b378,
|
||||
deprecations: #9a62a3,
|
||||
backups: #e9694c
|
||||
features: var(--color-auto-green-5),
|
||||
bugs: var(--color-auto-yellow-5),
|
||||
known_issues: var(--color-auto-blue-5),
|
||||
security_fixes: var(--color-auto-pink-5),
|
||||
changes: var(--color-auto-green-5),
|
||||
deprecations: var(--color-auto-purple-5),
|
||||
backups: var(--color-auto-orange-5)
|
||||
);
|
||||
|
||||
@each $key,$val in $colors-list{
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
button.arrow-for-scrolling-top {
|
||||
opacity: 0;
|
||||
transition: 1s;
|
||||
background-color: #0367d6;
|
||||
color: #fff;
|
||||
background-color: var(--color-auto-blue-5);
|
||||
color: var(--color-text-inverse);
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ Form and inputs using .ais- prefix gets added by search.js */
|
|||
padding: 10px $spacer-2 10px $spacer-5;
|
||||
font-size: 16px;
|
||||
@extend .form-control;
|
||||
background: $white url("/assets/images/octicons/search.svg") no-repeat 6px;
|
||||
background: var(--color-bg-primary) url("/assets/images/octicons/search.svg") no-repeat 6px;
|
||||
}
|
||||
|
||||
.ais-SearchBox-reset {
|
||||
|
|
@ -54,13 +54,13 @@ Form and inputs using .ais- prefix gets added by search.js */
|
|||
overflow: hidden;
|
||||
|
||||
&:hover {
|
||||
background: $blue-000;
|
||||
background: var(--color-auto-blue-0);
|
||||
}
|
||||
}
|
||||
|
||||
/* activated by search-with-your-keyboard arrow navigation */
|
||||
.ais-Hits-item.active {
|
||||
background: $blue-000;
|
||||
background: var(--color-auto-blue-0);
|
||||
}
|
||||
|
||||
.search-result-intro {
|
||||
|
|
@ -76,16 +76,16 @@ mark,
|
|||
color: inherit;
|
||||
|
||||
.search-result-title & {
|
||||
color: $blue-500;
|
||||
color: var(--color-auto-blue-5);
|
||||
}
|
||||
|
||||
.search-result-intro & {
|
||||
border-bottom: 1px solid $blue-500;
|
||||
border-bottom: 1px solid var(--color-auto-blue-5);
|
||||
}
|
||||
|
||||
.search-result-content & {
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted $gray-500;
|
||||
border-bottom: 1px dotted var(--color-auto-gray-5);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -118,8 +118,8 @@ header {
|
|||
right: 0;
|
||||
width: 0;
|
||||
border-radius: 3px;
|
||||
background: $white;
|
||||
box-shadow: 0 1px 15px $black-fade-15;
|
||||
background: var(--color-bg-primary);
|
||||
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.15);
|
||||
transition: width 0.3s ease-in-out;
|
||||
|
||||
&.js-open {
|
||||
|
|
@ -144,7 +144,7 @@ header {
|
|||
z-index: -1;
|
||||
display: block;
|
||||
content: " ";
|
||||
background: $black-fade-15;
|
||||
background: rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.ais-SearchBox-input {
|
||||
|
|
|
|||
|
|
@ -3,31 +3,31 @@
|
|||
transition: box-shadow 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: $box-shadow !important;
|
||||
box-shadow: var(--color-shadow-small) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&-medium {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: $box-shadow-medium !important;
|
||||
box-shadow: var(--color-shadow-medium) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&-large {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: $box-shadow-large !important;
|
||||
box-shadow: var(--color-shadow-large) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&-extra-large {
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
|
||||
&:hover {
|
||||
box-shadow: $box-shadow-extra-large !important;
|
||||
box-shadow: var(--color-shadow-extra-large) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.sidebar {
|
||||
width: 260px;
|
||||
background-color: $blue-900;
|
||||
background-color: var(--color-auto-blue-9);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-bottom: $spacer-5;
|
||||
|
|
@ -14,7 +14,7 @@
|
|||
}
|
||||
|
||||
.sidebar-background-color {
|
||||
background-color: $blue-900;
|
||||
background-color: var(--color-auto-blue-9);
|
||||
}
|
||||
|
||||
.sidebar-products > li {
|
||||
|
|
@ -24,12 +24,12 @@
|
|||
.sidebar-products a,
|
||||
.sidebar-products .arrow {
|
||||
text-decoration: none;
|
||||
color: $white;
|
||||
color: var(--color-auto-white);
|
||||
display: block;
|
||||
line-height: 1.4;
|
||||
|
||||
&:hover {
|
||||
color: $blue-300;
|
||||
color: var(--color-auto-blue-3);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
.sidebar-product {
|
||||
> a,
|
||||
summary a {
|
||||
color: $blue-200;
|
||||
color: var(--color-auto-blue-2);
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
|
|
@ -49,12 +49,12 @@
|
|||
&.active > a {
|
||||
}
|
||||
&.is-current-page > a {
|
||||
color: $blue-300;
|
||||
color: var(--color-auto-blue-3);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-category.active {
|
||||
background-color: $blue-800;
|
||||
background-color: var(--color-auto-blue-8);
|
||||
}
|
||||
|
||||
.sidebar-maptopic {
|
||||
|
|
@ -65,13 +65,13 @@
|
|||
position: absolute;
|
||||
left: $spacer-4;
|
||||
height: 100%;
|
||||
border-left: 1px solid $blue-700;
|
||||
border-left: 1px solid var(--color-auto-blue-7);
|
||||
width: 1px;
|
||||
top: 0;
|
||||
}
|
||||
&.active {
|
||||
&::before {
|
||||
border-left: 3px solid $blue-700;
|
||||
border-left: 3px solid var(--color-auto-blue-7);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,9 +12,9 @@ from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|||
margin-top: 0 !important;
|
||||
border-top-left-radius: 0 !important;
|
||||
border-top-right-radius: 0 !important;
|
||||
border-left: 1px $gray-200 solid !important;
|
||||
border-bottom: 1px $gray-200 solid !important;
|
||||
border-right: 1px $gray-200 solid !important;
|
||||
border-left: 1px var(--color-auto-gray-2) solid !important;
|
||||
border-bottom: 1px var(--color-auto-gray-2) solid !important;
|
||||
border-right: 1px var(--color-auto-gray-2) solid !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -22,20 +22,20 @@ from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|||
display: block;
|
||||
overflow-x: auto;
|
||||
padding: 0.5em;
|
||||
color: $gray-900;
|
||||
background: $gray-000;
|
||||
color: var(--color-auto-gray-9);
|
||||
background: var(--color-auto-gray-0);
|
||||
}
|
||||
|
||||
.hljs-comment,
|
||||
.hljs-quote {
|
||||
color: $gray-500;
|
||||
color: var(--color-auto-gray-5);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.hljs-keyword,
|
||||
.hljs-selector-tag,
|
||||
.hljs-subst {
|
||||
color: $gray-900;
|
||||
color: var(--color-auto-gray-9);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -44,18 +44,18 @@ from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|||
.hljs-variable,
|
||||
.hljs-template-variable,
|
||||
.hljs-tag .hljs-attr {
|
||||
color: $green-700;
|
||||
color: var(--color-auto-green-7);
|
||||
}
|
||||
|
||||
.hljs-string,
|
||||
.hljs-doctag {
|
||||
color: $blue-600;
|
||||
color: var(--color-auto-blue-6);
|
||||
}
|
||||
|
||||
.hljs-title,
|
||||
.hljs-section,
|
||||
.hljs-selector-id {
|
||||
color: $red-800;
|
||||
color: var(--color-auto-red-8);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
|
@ -65,43 +65,43 @@ from https://unpkg.com/highlight.js@9.15.8/styles/github.css
|
|||
|
||||
.hljs-type,
|
||||
.hljs-class .hljs-title {
|
||||
color: $blue-700;
|
||||
color: var(--color-auto-blue-7);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-tag,
|
||||
.hljs-name,
|
||||
.hljs-attribute {
|
||||
color: $blue-700;
|
||||
color: var(--color-auto-blue-7);
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.hljs-regexp,
|
||||
.hljs-link {
|
||||
color: $green-700;
|
||||
color: var(--color-auto-green-7);
|
||||
}
|
||||
|
||||
.hljs-symbol,
|
||||
.hljs-bullet {
|
||||
color: $purple-500;
|
||||
color: var(--color-auto-purple-5);
|
||||
}
|
||||
|
||||
.hljs-built_in,
|
||||
.hljs-builtin-name {
|
||||
color: $blue-700;
|
||||
color: var(--color-auto-blue-7);
|
||||
}
|
||||
|
||||
.hljs-meta {
|
||||
color: $gray-500;
|
||||
color: var(--color-auto-gray-5);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hljs-deletion {
|
||||
background: $red-200;
|
||||
background: var(--color-auto-red-2);
|
||||
}
|
||||
|
||||
.hljs-addition {
|
||||
background: $green-200;
|
||||
background: var(--color-auto-green-2);
|
||||
}
|
||||
|
||||
.hljs-emphasis {
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
code {
|
||||
font-size: 85%;
|
||||
padding: 0.2em 0.4em;
|
||||
background-color: rgba($black, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
|
|
@ -34,8 +34,8 @@
|
|||
vertical-align: top;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
background: white;
|
||||
box-shadow: 0 3px 0 0 $gray-400;
|
||||
background: var(--color-bg-tertiary);
|
||||
box-shadow: 0 3px 0 0 var(--color-auto-gray-4);
|
||||
padding: 12px 8px;
|
||||
border: 0px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ h2,
|
|||
h3,
|
||||
h4 {
|
||||
a {
|
||||
color: $gray-900;
|
||||
color: var(--color-auto-gray-9);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -36,9 +36,9 @@ summary {
|
|||
// all h3 headers that are links should be blue-500
|
||||
// except those on each product's toc
|
||||
h3 a {
|
||||
color: $blue-500;
|
||||
color: var(--color-auto-blue-5);
|
||||
|
||||
.directory-toc & {
|
||||
color: $gray-900;
|
||||
color: var(--color-auto-gray-9);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ describe('browser search', () => {
|
|||
|
||||
await newPage.setRequestInterception(true)
|
||||
newPage.on('request', interceptedRequest => {
|
||||
if (interceptedRequest.method() === 'GET' && /search/i.test(interceptedRequest.url())) {
|
||||
if (interceptedRequest.method() === 'GET' && /search\?/i.test(interceptedRequest.url())) {
|
||||
const { searchParams } = new URL(interceptedRequest.url())
|
||||
expect(searchParams.get('version')).toBe('2.22')
|
||||
expect(searchParams.get('language')).toBe('ja')
|
||||
|
|
@ -71,7 +71,7 @@ describe('browser search', () => {
|
|||
|
||||
await newPage.setRequestInterception(true)
|
||||
newPage.on('request', interceptedRequest => {
|
||||
if (interceptedRequest.method() === 'GET' && /search/i.test(interceptedRequest.url())) {
|
||||
if (interceptedRequest.method() === 'GET' && /search\?/i.test(interceptedRequest.url())) {
|
||||
const { searchParams } = new URL(interceptedRequest.url())
|
||||
expect(searchParams.get('version')).toBe('ghae')
|
||||
expect(searchParams.get('language')).toBe('en')
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ describe('breadcrumbs', () => {
|
|||
expect($breadcrumbs.eq(0).attr('title')).toBe('product: GitHub.com')
|
||||
expect($breadcrumbs.eq(1).attr('title')).toBe('category: Getting started')
|
||||
expect($breadcrumbs.eq(2).attr('title')).toBe('maptopic: Using GitHub')
|
||||
expect($breadcrumbs.eq(2).hasClass('text-gray-light')).toBe(true)
|
||||
expect($breadcrumbs.eq(2).hasClass('color-text-tertiary')).toBe(true)
|
||||
})
|
||||
|
||||
test('works for enterprise user pages', async () => {
|
||||
|
|
@ -78,7 +78,7 @@ describe('breadcrumbs', () => {
|
|||
expect($breadcrumbSpans.eq(1).text()).toBe('GitHub.com')
|
||||
expect($breadcrumbLinks.eq(0).attr('title')).toBe('category: Enforcing best practices with GitHub Policies')
|
||||
expect($breadcrumbLinks.eq(1).attr('title')).toBe('article: About GitHub Policies')
|
||||
expect($breadcrumbLinks.eq(1).hasClass('text-gray-light')).toBe(true)
|
||||
expect($breadcrumbLinks.eq(1).hasClass('color-text-tertiary')).toBe(true)
|
||||
})
|
||||
})
|
||||
|
||||
|
|
|
|||
|
|
@ -191,8 +191,8 @@ describe('server', () => {
|
|||
test('renders product frontmatter callouts', async () => {
|
||||
const $ = await getDOM('/en/articles/about-branch-restrictions')
|
||||
const note = $('.product-callout').eq(0)
|
||||
expect(note.hasClass('border-purple')).toBe(true)
|
||||
expect(note.hasClass('bg-purple-light')).toBe(true)
|
||||
expect(note.hasClass('color-border-info')).toBe(true)
|
||||
expect(note.hasClass('color-bg-info')).toBe(true)
|
||||
})
|
||||
|
||||
test('renders liquid within liquid within product frontmatter callouts', async () => {
|
||||
|
|
@ -632,8 +632,8 @@ describe('extended Markdown', () => {
|
|||
test('renders styled notes within liquid', async () => {
|
||||
const $ = await getDOM('/en/articles/removing-a-member-from-your-organization')
|
||||
const note = $('.extended-markdown.note').eq(0)
|
||||
expect(note.hasClass('border-blue')).toBe(true)
|
||||
expect(note.hasClass('bg-blue-light')).toBe(true)
|
||||
expect(note.hasClass('color-border-info')).toBe(true)
|
||||
expect(note.hasClass('color-bg-info')).toBe(true)
|
||||
})
|
||||
|
||||
test('renders platform-specific content', async () => {
|
||||
|
|
|
|||
|
|
@ -98,9 +98,9 @@ describe('liquid helper tags', () => {
|
|||
const template = '{% link_as_article_card /contributing-and-collaborating-using-github-desktop %}'
|
||||
const expected = `<div class="d-flex col-12 col-md-4 pr-0 pr-md-6 pr-lg-8 <display condition> js-filter-card" data-type="" data-topics="">
|
||||
<a class="no-underline d-flex flex-column py-3 border-bottom" href="/en/desktop/contributing-and-collaborating-using-github-desktop">
|
||||
<h4 class="h4 text-gray-dark mb-1">Contributing and collaborating using GitHub Desktop</h4>
|
||||
<div class="text-purple h6 text-uppercase"></div>
|
||||
<p class="text-gray my-3">Use GitHub Desktop to manage your projects, create meaningful commits, and track the project's history in an app instead of on the command line.</p>`
|
||||
<h4 class="h4 color-text-primary mb-1">Contributing and collaborating using GitHub Desktop</h4>
|
||||
<div class="h6 text-uppercase"></div>
|
||||
<p class="color-text-secondary my-3">Use GitHub Desktop to manage your projects, create meaningful commits, and track the project's history in an app instead of on the command line.</p>`
|
||||
const output = await liquid.parseAndRender(template, context)
|
||||
expect(output.includes(expected)).toBe(true)
|
||||
})
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче