lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Logo added to navigation bar using custom font

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-08 00:05:39 -06:00
parent 093a7f9a0e
commit 2b6ba80ee9
3 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
ProjectSourceCode/src/resources/css/fonts/Scottsdale-Italic.ttf Normal file
View File

Binary file not shown.

22
ProjectSourceCode/src/resources/css/navigation-bar/navigation-bar.css
View File

@@ -1,6 +1,9 @@
#navigation-bar-container {
background-color: hsl(0, 98%, 40%);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4);
height: 50px;
display: flex;
}
.sticky {
@@ -8,4 +11,21 @@
top: 0;
width: 100%;
z-index: 1000; /* Adjust as needed */
}
}
@font-face {
font-family: 'Scottsdale-Italic';
src: url('../fonts/Scottsdale-Italic.ttf') format('truetype');
}
#logo {
color: white;
text-decoration: none;
font-family: 'Scottsdale-Italic';
font-size: 25px;
margin-right: 10px;
}
#logo:hover {
font-size: 30px;
}