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
@@ -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 %}
|
||||
|
||||
Reference in New Issue
Block a user