Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
SWLab UI
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
hyeryung
SWLab UI
Commits
87f850c9
Commit
87f850c9
authored
8 months ago
by
minseok.park
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update header style
parent
6d188ba8
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
23 additions
and
1 deletion
+23
-1
header.css
src/css/header.css
+10
-1
07-header.js
src/js/07-header.js
+13
-0
No files found.
src/css/header.css
View file @
87f850c9
...
...
@@ -10,7 +10,6 @@ body {
.navbar
{
background
:
var
(
--nav-background
);
box-shadow
:
0
0
0.4rem
rgba
(
0
,
0
,
0
,
0.1
),
0
0.4rem
0.6rem
rgba
(
0
,
0
,
0
,
0.1
);
color
:
var
(
--color-bwg-main
);
height
:
4.5rem
;
font-size
:
calc
(
16
/
var
(
--rem-base
)
*
1rem
);
...
...
@@ -19,6 +18,16 @@ body {
width
:
100%
;
z-index
:
var
(
--z-index-navbar
);
max-height
:
5rem
;
border-bottom
:
1px
solid
var
(
--color-blue-30
);
transition
:
box-shadow
.2s
;
}
.navbar
.active
{
box-shadow
:
0
0
0.4rem
rgba
(
0
,
0
,
0
,
0.1
),
0
0.4rem
0.6rem
rgba
(
0
,
0
,
0
,
0.1
);
}
.navbar.active
{
box-shadow
:
0
0
0.4rem
rgba
(
0
,
0
,
0
,
0.1
),
0
0.4rem
0.6rem
rgba
(
0
,
0
,
0
,
0.1
);
}
.navbar
a
{
...
...
This diff is collapsed.
Click to expand it.
src/js/07-header.js
0 → 100644
View file @
87f850c9
;(
function
()
{
'use strict'
document
.
addEventListener
(
'scroll'
,
function
()
{
var
navbar
=
document
.
querySelector
(
'.navbar'
)
if
(
window
.
scrollY
>
0
)
{
navbar
.
classList
.
add
(
'active'
)
}
else
{
navbar
.
classList
.
remove
(
'active'
)
}
})
})()
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment