mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-27 17:45:52 -05:00
Merge pull request #7361 from LLK/extension-landing-icon-class
Make extension landing page title icon class constant
This commit is contained in:
commit
63dfb5abf6
9 changed files with 20 additions and 7 deletions
|
@ -39,7 +39,7 @@
|
|||
.headline-icon {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
margin: auto;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.download {
|
||||
|
|
|
@ -34,7 +34,7 @@ class Boost extends ExtensionLanding {
|
|||
renderCopy={
|
||||
<FlexRow className="extension-copy">
|
||||
<h1><img
|
||||
alt=""
|
||||
alt="Boost"
|
||||
className="headline-icon"
|
||||
src="/images/boost/boost.svg"
|
||||
/>LEGO BOOST</h1>
|
||||
|
|
|
@ -31,7 +31,7 @@ const ScratchLink = ({intl}) => {
|
|||
<FlexRow className="column extension-copy">
|
||||
<h1><img
|
||||
alt={intl.formatMessage({id: 'scratchLink.linkLogo'})}
|
||||
width="40px"
|
||||
className="headline-icon"
|
||||
src="/images/scratchlink/scratch-link-logo.svg"
|
||||
/>{intl.formatMessage({id: 'scratchLink.headerTitle'})}</h1>
|
||||
<FormattedMessage id="scratchLink.headerText" />
|
||||
|
|
|
@ -39,7 +39,8 @@ class EV3 extends ExtensionLanding {
|
|||
renderCopy={
|
||||
<FlexRow className="column extension-copy">
|
||||
<h1><img
|
||||
alt="ev3.svg"
|
||||
alt="EV3"
|
||||
className="headline-icon"
|
||||
src="/images/ev3/ev3.svg"
|
||||
/>LEGO MINDSTORMS EV3</h1>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -5,6 +5,10 @@
|
|||
background-color: $ui-orange;
|
||||
background-image: url("/images/ev3/ev3-pattern.svg");
|
||||
}
|
||||
.headline-icon {
|
||||
width: 32px;
|
||||
height: 36px;
|
||||
}
|
||||
.step-image.tall {
|
||||
height: 16rem;
|
||||
}
|
||||
|
|
|
@ -34,7 +34,8 @@ class GdxFor extends ExtensionLanding {
|
|||
renderCopy={
|
||||
<FlexRow className="extension-copy">
|
||||
<h1><img
|
||||
alt=""
|
||||
alt="Vernier Force & Acceleration"
|
||||
className="headline-icon"
|
||||
src="/images/gdxfor/gdxfor.svg"
|
||||
/>Vernier Force & Acceleration</h1>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -38,7 +38,8 @@ class MicroBit extends ExtensionLanding {
|
|||
renderCopy={
|
||||
<FlexRow className="extension-copy">
|
||||
<h1><img
|
||||
alt=""
|
||||
alt="Microbit"
|
||||
className="headline-icon"
|
||||
src="/images/microbit/microbit.svg"
|
||||
/>micro:bit</h1>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -7,6 +7,11 @@
|
|||
background-image: url("/images/microbit/mbit-pattern.svg");
|
||||
}
|
||||
|
||||
.headline-icon {
|
||||
width: 34px;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.things-to-try {
|
||||
.display-hello {
|
||||
.step-image {
|
||||
|
|
|
@ -35,7 +35,8 @@ class Wedo2 extends ExtensionLanding {
|
|||
renderCopy={
|
||||
<FlexRow className="extension-copy">
|
||||
<h1><img
|
||||
alt=""
|
||||
alt="Wedo"
|
||||
className="headline-icon"
|
||||
src="/images/wedo2/wedo2.svg"
|
||||
/>LEGO Education WeDo 2.0</h1>
|
||||
<FormattedMessage
|
||||
|
|
Loading…
Reference in a new issue