diff --git a/components/01_Atoms/fonts/_fonts.scss b/components/01_Atoms/fonts/_fonts.scss index 1840e69..9cd269b 100644 --- a/components/01_Atoms/fonts/_fonts.scss +++ b/components/01_Atoms/fonts/_fonts.scss @@ -1,4 +1,4 @@ -.LP-material-icons{ +.LP-Material-Icons{ font-family: 'Material Icons'; font-weight: normal; font-style: normal; diff --git a/components/01_Atoms/fonts/fonts.config.json b/components/01_Atoms/fonts/fonts.config.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/components/01_Atoms/fonts/fonts.config.json @@ -0,0 +1 @@ +{} diff --git a/components/01_Atoms/fonts/fonts.hbs b/components/01_Atoms/fonts/fonts.hbs new file mode 100644 index 0000000..9cc7666 --- /dev/null +++ b/components/01_Atoms/fonts/fonts.hbs @@ -0,0 +1,5 @@ + diff --git a/public/main.css b/public/main.css index 63c0fcf..0acb604 100644 --- a/public/main.css +++ b/public/main.css @@ -465,6 +465,12 @@ font-display: swap; 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 { height: 100%; margin: 0; @@ -553,15 +559,12 @@ body { margin-top: 60px; } } .LP-Link { - color: #565656; + color: #C09F80; text-decoration: none; - font-family: "Montserrat", Helvetica, sans-serif; } + font-family: "Crimson Pro", Times, serif; } .LP-Link:hover { - color: #C09F80; } - .LP-Link .LP-Paragraph { - font-family: "Montserrat", Helvetica, sans-serif; } - .LP-Link .LP-Paragraph:hover { - color: #C09F80; } + color: #565656; + text-decoration: underline; } .LP-Link__IconWrapper { display: inline; } @@ -858,6 +861,21 @@ body { .LP-Pagination .LP-Pagination__Item .LP-Link { 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 { padding: 35px; }