Replacing h3-heading references

This commit is contained in:
Simon Fessehaye 2022-03-15 22:00:47 -07:00
Родитель c65bf2f8c5
Коммит 0bee56f8f5
24 изменённых файлов: 40 добавлений и 65 удалений

Просмотреть файл

@ -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">Lets protect the worlds 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">Lets protect the worlds 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 "Lets protect the worlds 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 "Lets protect the worlds 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 "Dont see the product youre looking for?" %}</h2>
<h2 class="tw-h3-heading">{% trans "Dont see the product youre 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 'Buyers 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 didnt 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">Lets protect the worlds 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">Lets protect the worlds 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 'Buyers 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;
}
}
}