Commit 96534ff

committed

Update style.css

1 parent 65de007 commit 96534ffCopy full SHA for 96534ff

File tree

1 file changed

+25

-15

lines changed

24 - Sticky Nav/css
- style.css

1 file changed

+25

-15

lines changed

`‎24 - Sticky Nav/css/style.css`

Lines changed: 25 additions & 15 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,13 @@`
	`1`	`+:root {`
	`2`	`+ --font-family: "helvetica neue";`
	`3`	`+ --white: #ffffff;`
	`4`	`+ --black: #000000;`
	`5`	`+ --bg-clr: #7f87882a;`
	`6`	`+ --hover-bg-clr: #7f8788;`
	`7`	`+ --box-shadow: #0000000d;`
	`8`	`+ --text-shadow: #00000033;`
	`9`	`+}`
	`10`	`+`
`1`	`11`	`*,`
`2`	`12`	`*::after,`
`3`	`13`	`*::before {`
`@@ -13,8 +23,8 @@ html {`
`13`	`23`	`}`
`14`	`24`
`15`	`25`	`body {`
`16`		`- font: 2rem "helvetica neue";`
`17`		`- background-color: #7f87882a;`
	`26`	`+ font: 2rem var(--font-family);`
	`27`	`+ background-color: var(--bg-clr);`
`18`	`28`	`overflow-x: hidden;`
`19`	`29`	`}`
`20`	`30`
`@@ -27,14 +37,14 @@ header {`
`27`	`37`	`}`
`28`	`38`
`29`	`39`	`.title {`
`30`		`- color: #ffffff;`
	`40`	`+ color: var(--white);`
`31`	`41`	`font-size: 6.2rem;`
`32`		`- text-shadow: 0.3rem 0.4rem #00000033;`
	`42`	`+ text-shadow: 0.3rem 0.4rem var(--text-shadow);`
`33`	`43`	`}`
`34`	`44`
`35`	`45`	`nav {`
`36`	`46`	`top: -0.1px;`
`37`		`- background-color: #000000;`
	`47`	`+ background-color: var(--black);`
`38`	`48`	`width: 100%;`
`39`	`49`	`position: -webkit-sticky;`
`40`	`50`	`position: sticky;`
`@@ -54,24 +64,24 @@ nav {`
`54`	`64`
`55`	`65`	`.nav-item:hover {`
`56`	`66`	`transition: 0.5s ease;`
`57`		`- background-color: #7f8788 !important;`
	`67`	`+ background-color: var(--hover-bg-clr) !important;`
`58`	`68`	`}`
`59`	`69`
`60`	`70`	`#logo {`
`61`	`71`	`max-width: 0;`
`62`	`72`	`overflow: hidden;`
`63`		`- background-color: #ffffff;`
	`73`	`+ background-color: var(--white);`
`64`	`74`	`transition: 0.5s ease;`
`65`	`75`	`}`
`66`	`76`
`67`	`77`	`.logo-link {`
`68`	`78`	`font-size: 3rem;`
`69`	`79`	`font-weight: 600;`
`70`		`- color: #000000 !important;`
	`80`	`+ color: var(--black) !important;`
`71`	`81`	`}`
`72`	`82`
`73`	`83`	`.nav-link {`
`74`		`- color: #ffffff;`
	`84`	`+ color: var(--white);`
`75`	`85`	`text-transform: uppercase;`
`76`	`86`	`text-decoration: none;`
`77`	`87`	`display: inline-block;`
`@@ -82,10 +92,10 @@ nav {`
`82`	`92`	`.site-wrap {`
`83`	`93`	`max-width: 70rem;`
`84`	`94`	`margin: 6rem auto;`
`85`		`- background-color: #ffffff;`
	`95`	`+ background-color: var(--white);`
`86`	`96`	`padding: 4rem;`
`87`	`97`	`text-align: center;`
`88`		`- box-shadow: 0 0 1rem 0.5rem #0000000d;`
	`98`	`+ box-shadow: 0 0 1rem 0.5rem var(--box-shadow);`
`89`	`99`	`}`
`90`	`100`
`91`	`101`	`.site-wrap p {`
`@@ -101,13 +111,13 @@ nav {`
`101`	`111`	`}`
`102`	`112`
`103`	`113`	`::selection {`
`104`		`- color: #ffffff;`
`105`		`- background-color: #000000;`
	`114`	`+ color: var(--white);`
	`115`	`+ background-color: var(--black);`
`106`	`116`	`}`
`107`	`117`
`108`	`118`	`a::selection {`
`109`		`- color: #000000;`
`110`		`- background-color: #ffffff;`
	`119`	`+ color: var(--black);`
	`120`	`+ background-color: var(--white);`
`111`	`121`	`}`
`112`	`122`
`113`	`123`	`@media screen and (max-width: 800px) {`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 96534ff

File tree

1 file changed

1 file changed

`‎24 - Sticky Nav/css/style.css`

0 commit comments