Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added Material Icons font, scss and hsb.

Browse Source
This commit is contained in:
Marcus Scholz 2021-10-02 07:55:54 +02:00
parent 6dc669ac19
commit 53aec141ba
4 changed files with 32 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/01_Atoms/fonts/_fonts.scss
View File

@ -1,4 +1,4 @@
.LP-material-icons{ .LP-Material-Icons{
font-family: 'Material Icons'; font-family: 'Material Icons';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;

1
components/01_Atoms/fonts/fonts.config.json Normal file
View File

@ -0,0 +1 @@
{}

5
components/01_Atoms/fonts/fonts.hbs Normal file
View File

@ -0,0 +1,5 @@
<ul>
<li><span class="LP-Material-Icons">image</span></li>
<li><span class="LP-Material-Icons">image-album</span></li>
<li><span class="LP-Material-Icons">youtube</span></li>
</ul>

32
public/main.css
View File

@ -465,6 +465,12 @@
font-display: swap; font-display: swap;
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"); } src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/Montserrat/Montserrat-Bold.woff2) format("woff2"); }
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local("MaterialIcons Regular"), local("MaterialIcons-Regular"), url(fonts/MaterialDesignIcons/MaterialIcons-Regular.woff2) format("woff2"); }
html { html {
height: 100%; height: 100%;
margin: 0; margin: 0;
@ -553,15 +559,12 @@ body {
margin-top: 60px; } } margin-top: 60px; } }
.LP-Link { .LP-Link {
color: #565656; color: #C09F80;
text-decoration: none; text-decoration: none;
font-family: "Montserrat", Helvetica, sans-serif; } font-family: "Crimson Pro", Times, serif; }
.LP-Link:hover { .LP-Link:hover {
color: #C09F80; } color: #565656;
.LP-Link .LP-Paragraph { text-decoration: underline; }
font-family: "Montserrat", Helvetica, sans-serif; }
.LP-Link .LP-Paragraph:hover {
color: #C09F80; }
.LP-Link__IconWrapper { .LP-Link__IconWrapper {
display: inline; } display: inline; }
@ -858,6 +861,21 @@ body {
.LP-Pagination .LP-Pagination__Item .LP-Link { .LP-Pagination .LP-Pagination__Item .LP-Link {
padding: 8px 11px; } } padding: 8px 11px; } }
.LP-Material-Icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale; }
.LP-Content { .LP-Content {
padding: 35px; } padding: 35px; }