Replacing h3-heading references
This commit is contained in:
Родитель
c65bf2f8c5
Коммит
0bee56f8f5
|
@ -104,8 +104,8 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
|
||||
<h4 class="h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
|
||||
<h3 class="tw-h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
|
||||
<h4 class="tw-h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
|
||||
<div>
|
||||
<a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=maintenance_cta" target="_blank" rel="noopener noreferrer" c class="btn btn-secondary dark-theme">Donate now</a>
|
||||
</div>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
<div class="tw-flex tw-justify-center tw-items-start tw-flex-col tw-mb-5 medium:tw-flex-row medium:tw-justify-between medium:tw-items-center">
|
||||
<h2 class="font-weight-bold h3-heading tw-font-semibold tw-mb-4">{{ title }}</h2>
|
||||
<h2 class="font-weight-bold tw-h3-heading tw-font-semibold tw-mb-4">{{ title }}</h2>
|
||||
<div class="tw-flex tw-flex-row tw-justify-between tw-items-center">
|
||||
<div class="swiper-button-prev">
|
||||
<svg class="swiper-button-prev__icon" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<div class="medium:tw-col-span-3">
|
||||
<div class="tw-mb-4 tw-text-black">
|
||||
<div class="h3-heading tw-inline-block group-hover:tw-underline tw-font-zilla tw-transition tw-mb-3">{{ title }}</div>
|
||||
<div class="tw-h3-heading tw-inline-block group-hover:tw-underline tw-font-zilla tw-transition tw-mb-3">{{ title }}</div>
|
||||
{% if author_subheading %}
|
||||
<div class="tw-body-small">{{ author_subheading }}</div>
|
||||
{% endif %}
|
||||
|
|
|
@ -9,8 +9,8 @@
|
|||
<div class="tw-container tw-mt-5">
|
||||
<div class="tw-row">
|
||||
<div class="tw-w-full tw-px-4">
|
||||
<p class="h3-heading tw-mb-0">{% trans "We all love the Web. Join Mozilla in defending it." %}</p>
|
||||
<p class="h3-heading tw-mb-5">{% trans "Let’s protect the world’s largest resource for future generations." %}</p>
|
||||
<p class="tw-h3-heading tw-mb-0">{% trans "We all love the Web. Join Mozilla in defending it." %}</p>
|
||||
<p class="tw-h3-heading tw-mb-5">{% trans "Let’s protect the world’s largest resource for future generations." %}</p>
|
||||
<div>
|
||||
<a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=footer" target="_blank" rel="noopener noreferrer" class="btn btn-secondary tw-dark" id="donate-banner-cta">{% trans "Donate now" %}</a>
|
||||
</div>
|
||||
|
|
|
@ -46,7 +46,7 @@
|
|||
</section>
|
||||
|
||||
<section class="mt-5 mb-4 about-methodology">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "Methodology" %}
|
||||
</h2>
|
||||
|
||||
|
@ -67,7 +67,7 @@
|
|||
</section>
|
||||
|
||||
<section class="mt-5 mb-4 about-methodology">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "<em>*Privacy Not Included</em> Warning Labels" %}
|
||||
</h2>
|
||||
|
||||
|
@ -133,7 +133,7 @@
|
|||
</section>
|
||||
|
||||
<section class="mt-5 mb-4 about-methodology">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "Permissions" %}
|
||||
</h2>
|
||||
|
||||
|
@ -169,7 +169,7 @@
|
|||
</section>
|
||||
|
||||
<section class="mt-5 mb-4 about-methodology">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "Privacy" %}
|
||||
</h2>
|
||||
|
||||
|
@ -370,7 +370,7 @@
|
|||
|
||||
|
||||
<section class="mt-5 mb-4 about-minimum-security" id="minimum-security-standards">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "Minimum Security Standards" %}
|
||||
</h2>
|
||||
|
||||
|
@ -465,7 +465,7 @@
|
|||
</section>
|
||||
|
||||
<section class="mt-5 mb-4 worst-case-scenario">
|
||||
<h2 class="h3-heading">
|
||||
<h2 class="tw-h3-heading">
|
||||
{% trans "Artificial Intelligence" %}
|
||||
</h2>
|
||||
|
||||
|
|
|
@ -135,7 +135,7 @@
|
|||
</div>
|
||||
<div class="recommend-product">
|
||||
<div class="container text-center my-5">
|
||||
<h2 class="h3-heading">{% trans "Don’t see the product you’re looking for?" %}</h2>
|
||||
<h2 class="tw-h3-heading">{% trans "Don’t see the product you’re looking for?" %}</h2>
|
||||
<p class="tw-body">{% trans "Let us know what product you would like reviewed in the guide." %}</p>
|
||||
{% include "../fragments/submit_a_product.html" %}
|
||||
</div>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
{% block nav_logo %}
|
||||
<div class="d-flex align-items-center logo-section">
|
||||
<a href="/" class="moz-logo mb-0 mr-3"><span class="sr-only">Mozilla</span></a>
|
||||
<p class="mb-0 h3-heading flex-wrap">
|
||||
<p class="mb-0 tw-h3-heading flex-wrap">
|
||||
<a class="link-back" href="{% relocalized_url home_page.url %}">{% trans "*privacy not included" context 'Buyer’s guide name. This can be localized. This is a reference to the “*batteries not included” mention on toys.' %}</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
@ -84,7 +84,7 @@
|
|||
|
||||
<div class="row mb-4">
|
||||
<div class="col-12 worst-case">
|
||||
<h2 class="h3-heading">{% trans "What could happen if something goes wrong?" %}</h2>
|
||||
<h2 class="tw-h3-heading">{% trans "What could happen if something goes wrong?" %}</h2>
|
||||
<div class="tw-body">{{product.worst_case | richtext}}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -92,7 +92,7 @@
|
|||
{% if product.tips_to_protect_yourself %}
|
||||
<div class="row tw-my-5 tips-to-protect-yourself">
|
||||
<div class="col-12 tw-py-5 tips">
|
||||
<h2 class="h3-heading">{% trans "Tips to protect yourself" %}</h2>
|
||||
<h2 class="tw-h3-heading">{% trans "Tips to protect yourself" %}</h2>
|
||||
{{ product.tips_to_protect_yourself | richtext }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<div class="container">
|
||||
<img class="mb-3 oh-no-face" src="{% static '_images/buyers-guide/faces/oh-no.svg' %}" alt="{% trans "Sad face. No products were found." %}">
|
||||
|
||||
<h3 class="h3-heading">
|
||||
<h3 class="tw-h3-heading">
|
||||
{% trans 'Oh no! We didn’t find that here.' %}
|
||||
</h3>
|
||||
|
||||
|
|
|
@ -103,8 +103,8 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3 class="h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
|
||||
<h4 class="h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
|
||||
<h3 class="tw-h3-heading mb-0">We all love the Web. Join Mozilla in defending it.</h3>
|
||||
<h4 class="tw-h3-heading mb-4">Let’s protect the world’s largest resource for future generations.</h4>
|
||||
<div>
|
||||
<a href="https://donate.mozilla.org/?utm_source=foundation.mozilla.org&utm_medium=referral&utm_campaign=fmonav&utm_content=maintenance_cta" target="_blank" rel="noopener noreferrer" c class="btn btn-secondary dark-theme">Donate now</a>
|
||||
</div>
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
{% block nav_logo %}
|
||||
<div class="d-flex align-items-center logo-section">
|
||||
<a href="/" class="moz-logo mb-0 mr-3"><span class="sr-only">Mozilla</span></a>
|
||||
<p class="mb-0 h3-heading flex-wrap">
|
||||
<p class="mb-0 tw-h3-heading flex-wrap">
|
||||
<a class="link-back" href="{% url 'buyersguide-home' %}">{% trans "*privacy not included" context 'Buyer’s guide name. This can be localized. This is a reference to the “*batteries not included” mention on toys.' %}</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
|
||||
<div class="tw-flex tw-flex-1">
|
||||
<div class="tw-border-b-4 tw-border-gray-05 tw--mt-5 tw-bg-white tw-relative tw-mx-2 medium:tw-mx-4 tw-p-4 tw-w-full tw-flex tw-flex-col">
|
||||
<h3 class="h3-heading tw-mb-2">{{ card.title }}</h3>
|
||||
<h3 class="tw-h3-heading tw-mb-2">{{ card.title }}</h3>
|
||||
<p>{{ card.body }}</p>
|
||||
{% if card.link_label and card.link_url %}
|
||||
<a class="tw-cta-link tw-mb-2" href="{{ card.link_url }}">{{ card.link_label }}</a>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
{% block navigation %}
|
||||
<div class="tw-flex tw-justify-center tw-items-start tw-flex-col tw-mb-5 medium:tw-flex-row medium:tw-justify-between medium:tw-items-center">
|
||||
<h2 class="h3-heading tw-font-semibold tw-mb-0 tw-w-full">{{ value.title }}</h2>
|
||||
<h2 class="tw-h3-heading tw-font-semibold tw-mb-0 tw-w-full">{{ value.title }}</h2>
|
||||
{% if self.current_events|length > 2 %}
|
||||
{% include 'fragments/carousel/carousel_navigation.html' %}
|
||||
{% endif %}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
{% block navigation %}
|
||||
<div class="tw-flex tw-justify-center tw-items-start tw-flex-col tw-mb-5 medium:tw-flex-row medium:tw-justify-between medium:tw-items-center">
|
||||
<h2 class="h3-heading tw-font-semibold tw-mb-0 tw-w-full">{{ value.title }}</h2>
|
||||
<h2 class="tw-h3-heading tw-font-semibold tw-mb-0 tw-w-full">{{ value.title }}</h2>
|
||||
{% if self.session_items|length > 2 %}
|
||||
{% include 'fragments/carousel/carousel_navigation.html' %}
|
||||
{% endif %}
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
{% load wagtailcore_tags wagtailimages_tags %}
|
||||
|
||||
<div class="container tw-py-6 medium:tw-py-7 first:tw-pt-0">
|
||||
<h2 class="h3-heading tw-font-semibold tw-mb-4">{{ value.title }}</h2>
|
||||
<h2 class="tw-h3-heading tw-font-semibold tw-mb-4">{{ value.title }}</h2>
|
||||
<tempalte></tempalte>
|
||||
<div class="tw-grid tw-grid-cols-1 {% if page.signup == None %}large:tw-grid-cols-2 {% endif %}tw-gap-6 large:tw-gap-10">
|
||||
{% for card in self.cards %}
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
<a href="/blog/category/{{category.slug}}">{{ localized_category }}</a>{% if not forloop.last %}, {% endif %}
|
||||
{% endfor %}
|
||||
</p>
|
||||
<h5 class="tw-mb-2 h3-heading">
|
||||
<h5 class="tw-mb-2 tw-h3-heading">
|
||||
<a href="{% relocalized_url blog.localized.url %}">{{blog.localized.title}}</a>
|
||||
</h5>
|
||||
<p class="tw-body-small tw-mb-2">
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2 class="h3-heading">{{ page.partner_heading }}</h2>
|
||||
<h2 class="tw-h3-heading">{{ page.partner_heading }}</h2>
|
||||
{% if page.partner_intro_text %}
|
||||
<p class="partner-section-text">
|
||||
{{ page.partner_intro_text }}
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<div class="tw-px-4 small:tw-px-7 large:tw-container large:tw-px-0 tw-my-4">
|
||||
<div class="tw-grid tw-grid-cols-1 tw-px-4 tw-gap-x-6 small:tw-grid-cols-2 xlarge:tw-grid-cols-3">
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Control your recommendations." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
@ -17,7 +17,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Avoid harmful content." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
@ -32,7 +32,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Help solve the problem." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<div class="tw-container tw-my-5 tw-px-4">
|
||||
<div class="tw-grid tw-grid-cols-1 small:tw-grid-cols-2 xlarge:tw-grid-cols-3 tw-gap-x-6">
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Control your recommendations." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
@ -20,7 +20,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Avoid harmful content." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
@ -32,7 +32,7 @@
|
|||
</p>
|
||||
</div>
|
||||
<div class="tw-my-5">
|
||||
<h3 class="h3-heading tw-mb-4">
|
||||
<h3 class="tw-h3-heading tw-mb-4">
|
||||
{% trans "Help solve the problem." %}
|
||||
</h3>
|
||||
<p class='tw-body tw-mb-0'>
|
||||
|
|
|
@ -309,7 +309,7 @@
|
|||
<h2 class="h2-heading">.h2-heading</h2>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h3 class="h3-heading">.h3-heading</h3>
|
||||
<h3 class="tw-h3-heading">.tw-h3-heading</h3>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h4 class="tw-h4-heading">.tw-h4-heading</h4>
|
||||
|
@ -333,7 +333,7 @@
|
|||
<h2 class="h2-heading">.h2-heading with <a href="">link</a></h2>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h3 class="h3-heading">.h3-heading with <a href="">link</a></h3>
|
||||
<h3 class="tw-h3-heading">.tw-h3-heading with <a href="">link</a></h3>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h4 class="tw-h4-heading">.tw-h4-heading with <a href="">link</a></h4>
|
||||
|
@ -422,7 +422,7 @@
|
|||
<h2 class="h2-heading">.h2-heading</h2>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h3 class="h3-heading">.h3-heading</h3>
|
||||
<h3 class="tw-h3-heading">.tw-h3-heading</h3>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h4 class="tw-h4-heading">.tw-h4-heading</h4>
|
||||
|
@ -447,7 +447,7 @@
|
|||
<h2 class="h2-heading">.h2-heading with <a href="">link</a></h2>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h3 class="h3-heading">.h3-heading with <a href="">link</a></h3>
|
||||
<h3 class="tw-h3-heading">.tw-h3-heading with <a href="">link</a></h3>
|
||||
</div>
|
||||
<div class="tw-py-2">
|
||||
<h4 class="tw-h4-heading">.tw-h4-heading with <a href="">link</a></h4>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<div class="full-bleed-xs tw-flex tw-flex-1">
|
||||
<div class="key-item tw-border-b-4 tw-border-gray-05 tw--mt-5 tw-bg-white tw-relative tw-mx-2 medium:tw-mx-4 tw-p-4 tw-w-full tw-flex tw-flex-col">
|
||||
<h3 class="h3-heading tw-mb-2">{{ title }}</h3>
|
||||
<h3 class="tw-h3-heading tw-mb-2">{{ title }}</h3>
|
||||
{% if description_is_rich_text %}
|
||||
{{ description|richtext }}
|
||||
{% else %}
|
||||
|
|
|
@ -158,7 +158,7 @@ class CreepVote extends Component {
|
|||
<div className="row mb-5">
|
||||
<div className="col-12">
|
||||
<div className="mb-4 text-center">
|
||||
<h3 className="h3-heading mb-2">
|
||||
<h3 className="tw-h3-heading mb-2">
|
||||
How creepy do you think this is?
|
||||
</h3>
|
||||
</div>
|
||||
|
@ -229,7 +229,7 @@ class CreepVote extends Component {
|
|||
<div>
|
||||
<div className="mb-5">
|
||||
<div className="col-12 text-center">
|
||||
<h3 className="h3-heading mb-1">
|
||||
<h3 className="tw-h3-heading mb-1">
|
||||
{this.state.totalVotes + 1} Votes — invite your friends!
|
||||
</h3>
|
||||
<div className="tw-h6-heading text-muted" />
|
||||
|
|
|
@ -259,7 +259,7 @@ class JoinUs extends Component {
|
|||
*/
|
||||
renderFlowHeading() {
|
||||
return [
|
||||
<h2 className="h3-heading text-center" key={`flowheading`}>
|
||||
<h2 className="tw-h3-heading text-center" key={`flowheading`}>
|
||||
{this.props.flowHeading}
|
||||
</h2>,
|
||||
<p className="text-center" key={`flowheadingpara`}>
|
||||
|
|
|
@ -47,28 +47,3 @@ h2,
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
h3,
|
||||
.h3-heading {
|
||||
@apply tw-font-normal tw-mb-4 tw-text-black tw-tracking-normal tw-font-zilla tw-text-[24px] tw-leading-[1.2] medium:tw-text-[28px];
|
||||
|
||||
@at-root .tw-dark & {
|
||||
@apply tw-text-white;
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
@apply tw-text-blue-light tw-underline;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@apply tw-text-inherit tw-font-inherit;
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:active {
|
||||
@apply tw-text-inherit tw-underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Загрузка…
Ссылка в новой задаче