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
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Jobs
Commits
Open sidebar
SWD
SWLab UI
Commits
b3130439
Commit
b3130439
authored
7 months ago
by
minseok.park
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
test origin nav style
parent
41f9ceb2
Pipeline
#19782
passed with stages
in 3 minutes and 31 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
7 additions
and
63 deletions
+7
-63
nav.css
src/css/nav.css
+7
-63
No files found.
src/css/nav.css
View file @
b3130439
...
@@ -16,8 +16,7 @@
...
@@ -16,8 +16,7 @@
@media
screen
and
(
min-width
:
769px
)
{
@media
screen
and
(
min-width
:
769px
)
{
.nav-container
{
.nav-container
{
/* width: var(--nav-width); */
width
:
var
(
--nav-width
);
width
:
20.125rem
;
}
}
}
}
...
@@ -36,12 +35,10 @@
...
@@ -36,12 +35,10 @@
}
}
.nav
{
.nav
{
/* background: var(--nav-background); */
background
:
var
(
--nav-background
);
background
:
var
(
--color-white
);
position
:
relative
;
position
:
relative
;
top
:
var
(
--toolbar-height
);
top
:
var
(
--toolbar-height
);
height
:
var
(
--nav-height
);
height
:
var
(
--nav-height
);
border-right
:
1px
solid
var
(
--color-blue-30
);
}
}
@media
screen
and
(
min-width
:
769px
)
{
@media
screen
and
(
min-width
:
769px
)
{
...
@@ -73,8 +70,6 @@
...
@@ -73,8 +70,6 @@
overflow-y
:
scroll
;
overflow-y
:
scroll
;
overscroll-behavior
:
none
;
overscroll-behavior
:
none
;
height
:
var
(
--nav-panel-menu-height
);
height
:
var
(
--nav-panel-menu-height
);
padding
:
1.25em
;
padding-top
:
0
;
}
}
.nav-panel-menu
:not
(
.is-active
)
.nav-menu
{
.nav-panel-menu
:not
(
.is-active
)
.nav-menu
{
...
@@ -94,9 +89,9 @@
...
@@ -94,9 +89,9 @@
.nav-menu
{
.nav-menu
{
min-height
:
100%
;
min-height
:
100%
;
padding
:
0.5rem
0.75rem
;
line-height
:
var
(
--nav-line-height
);
position
:
relative
;
position
:
relative
;
padding
:
0.5rem
0.5rem
0.5rem
0
;
line-height
:
1.375
;
}
}
.nav-menu-toggle
{
.nav-menu-toggle
{
...
@@ -127,13 +122,13 @@
...
@@ -127,13 +122,13 @@
font-size
:
inherit
;
font-size
:
inherit
;
font-weight
:
var
(
--body-font-weight-bold
);
font-weight
:
var
(
--body-font-weight-bold
);
margin
:
0
;
margin
:
0
;
padding
:
0.25em
0
0.125em
0.75em
;
padding
:
0.25em
0
0.125em
;
}
}
.nav-list
{
.nav-list
{
list-style
:
none
;
list-style
:
none
;
margin
:
0
0
0
0.75rem
;
padding
:
0
;
padding
:
0
;
margin
:
0
;
}
}
.nav-menu
>
.nav-list
+
.nav-list
{
.nav-menu
>
.nav-list
+
.nav-list
{
...
@@ -142,24 +137,6 @@
...
@@ -142,24 +137,6 @@
.nav-item
{
.nav-item
{
margin-top
:
0.5em
;
margin-top
:
0.5em
;
position
:
relative
;
}
.nav-item
.nav-link
{
padding
:
0.5rem
0
0.35rem
0.25rem
;
display
:
block
;
border-bottom
:
1px
solid
transparent
;
border-radius
:
3px
;
}
.nav-item
.nav-link
:hover
{
border-bottom
:
1px
solid
var
(
--color-bwg-main
);
border-radius
:
0
;
}
.nav-item.is-current-page
>
a
{
background
:
var
(
--color-bwg-main
);
color
:
var
(
--color-white
);
}
}
/* adds some breathing room below a nested list */
/* adds some breathing room below a nested list */
...
@@ -173,38 +150,6 @@
...
@@ -173,38 +150,6 @@
margin
:
0
;
margin
:
0
;
}
}
.nav-item
[
data-depth
=
"0"
]
>
.nav-link
{
padding-left
:
1.25rem
;
}
.nav-item
[
data-depth
=
"0"
]
>
.nav-item-toggle
{
left
:
1rem
;
}
.nav-item
[
data-depth
=
"1"
]
>
.nav-link
{
padding-left
:
1.75rem
;
}
.nav-item
[
data-depth
=
"1"
]
>
.nav-item-toggle
{
left
:
1.5rem
;
}
.nav-item
[
data-depth
=
"2"
]
>
.nav-link
{
padding-left
:
2.25rem
;
}
.nav-item
[
data-depth
=
"2"
]
>
.nav-item-toggle
{
left
:
2rem
;
}
.nav-item
[
data-depth
=
"3"
]
>
.nav-link
{
padding-left
:
2.75rem
;
}
.nav-item
[
data-depth
=
"3"
]
>
.nav-item-toggle
{
left
:
2.5rem
;
}
.nav-item
:not
(
.is-active
)
>
.nav-list
{
.nav-item
:not
(
.is-active
)
>
.nav-list
{
display
:
none
;
display
:
none
;
}
}
...
@@ -218,9 +163,8 @@
...
@@ -218,9 +163,8 @@
position
:
absolute
;
position
:
absolute
;
height
:
calc
(
var
(
--nav-line-height
)
*
1em
);
height
:
calc
(
var
(
--nav-line-height
)
*
1em
);
width
:
calc
(
var
(
--nav-line-height
)
*
1em
);
width
:
calc
(
var
(
--nav-line-height
)
*
1em
);
margin-top
:
0.3
5em
;
margin-top
:
-0.0
5em
;
margin-left
:
calc
(
var
(
--nav-line-height
)
*
-1em
);
margin-left
:
calc
(
var
(
--nav-line-height
)
*
-1em
);
top
:
0.15rem
;
}
}
.nav-item.is-active
>
.nav-item-toggle
{
.nav-item.is-active
>
.nav-item-toggle
{
...
...
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