maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 03:43:28 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

run format

Browse source
This commit is contained in:
Janne Koivistoinen 2018-09-24 13:00:01 +03:00
parent 1263f5db3a
commit 38573a36d3
3 changed files with 26 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/SectionHero/SectionHero.css
View file

@ -52,22 +52,22 @@
.heroContent {
margin: 0 24px 0 24px;
@media (--viewportMedium) {
margin: 0 7.5vw 0 7.5vw;
}
@media (--viewportMedium) {
margin: 0 7.5vw 0 7.5vw;
}
/* Special viewport for adjusting the heroContent's placement */
/* Special viewport for adjusting the heroContent's placement */
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
padding: 0 36px 0 36px;
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
padding: 0 36px 0 36px;
}
@media only screen and (min-width: 1367px) {
margin: 0 auto;
max-width: calc(1052px + 36px + 36px);
width: 100%;
padding: 0 36px 0 36px;
}
@media only screen and (min-width: 1367px) {
margin: 0 auto;
max-width: calc(1052px + 36px + 36px);
width: 100%;
padding: 0 36px 0 36px;
}
}
.heroMainTitle {
@ -98,7 +98,7 @@
}
.heroButton {
@apply --marketplaceButtonStyles;
@apply --marketplaceButtonStyles;
@apply --SectionHero_animation;
animation-delay: 0.8s;

18
src/components/SectionHero/SectionHero.js
View file

@ -13,14 +13,14 @@ const SectionHero = props => {
return (
<div className={classes}>
<div className={css.heroContent}>
<h1 className={css.heroMainTitle}>
<FormattedMessage id="SectionHero.title" />
</h1>
<h2 className={css.heroSubTitle}>
<FormattedMessage id="SectionHero.subTitle" />
</h2>
<NamedLink
<div className={css.heroContent}>
<h1 className={css.heroMainTitle}>
<FormattedMessage id="SectionHero.title" />
</h1>
<h2 className={css.heroSubTitle}>
<FormattedMessage id="SectionHero.subTitle" />
</h2>
<NamedLink
name="SearchPage"
to={{
search:
@ -30,7 +30,7 @@ const SectionHero = props => {
>
<FormattedMessage id="SectionHero.browseButton" />
</NamedLink>
</div>
</div>
</div>
);
};

6
src/containers/LandingPage/LandingPage.css
View file

@ -36,7 +36,7 @@
}
@media (--viewportLarge) {
max-height: 800px;
max-height: 800px;
min-height: 600px;
height: calc(70vh - var(--topbarHeightDesktop));
}
@ -96,8 +96,8 @@
}
.sectionContentFirstChild {
composes: sectionContent;
margin-top: 3vh;
composes: sectionContent;
margin-top: 3vh;
}
/* A bar on top of light sections */