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

font stuff

Browse source
This commit is contained in:
Janne Koivistoinen 2017-07-21 15:27:32 +03:00
parent 01eda606de
commit 500e68b196
2 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/containers/AuthenticationPage/AuthenticationPage.css
View file

@ -32,20 +32,10 @@
}
}
.tabs {
width: 200px;
}
.tabH2 {
/* Text works as main Heading (H1), but text style is dropped to H2 */
@media (--viewportMedium) {
@apply --marketplaceH2FontStyles;
}
}
.tabs {}
.tab {
/* Text works as main Heading (H1), but text style is dropped to H2 */
composes: tabH2;
@apply --marketplaceModalTitle;
margin-top: 0;
margin-bottom: 0;
}

16
src/marketplaceFonts.css
View file

@ -175,7 +175,7 @@
margin-bottom: 8.5px;
@media (--viewportMedium) {
line-height: 16px;
line-height: 18px;
/* margin-top + n * line-height + margin-bottom => x * 8px */
margin-top: 10.5px;
margin-bottom: 13.5px;
@ -198,4 +198,18 @@
line-height: 24px;
letter-spacing: -0.2px;
}
/* This font is specific to Modal's (Lightbox) titles */
--marketplaceModalTitle: {
font-family: "sofiapro", Helvetica, Arial, sans-serif;
font-weight: var(--fontWeightSemiBold);
font-size: 30px;
line-height: 36px;
letter-spacing: -0.5px;
@media (--viewportMedium) {
line-height: 40px;
letter-spacing: -0.9px;
}
}
}