Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
laurakalbag-dot-com
laurakalbag-dot-com
Commits
ddb67941
Commit
ddb67941
authored
Feb 07, 2019
by
Laura Kalbag
⚡
Browse files
Mostly unbreak nav layout. Reorder elements for findability
parent
c4d916e6
Changes
1
Hide whitespace changes
Inline
Side-by-side
themes/static-kalbag/static/css/style.css
View file @
ddb67941
...
...
@@ -376,18 +376,6 @@ hr {
grid-column
:
2
/
7
;
}
.navigation-menu
{
display
:
grid
;
grid-template-columns
:
repeat
(
7
,
minmax
(
14.285714286%
,
7.4em
));
/* centre everything */
margin
:
0
auto
;
max-width
:
51.8em
;
}
.navigation-menu
ul
{
grid-column
:
2
/
7
;
}
/* - - - - - - - - MAIN/CONTENT */
/* centre everything */
...
...
@@ -442,27 +430,9 @@ hr {
margin-left
:
0
;
margin-right
:
0
;
}
/* - - - - - - - - FOOTER */
.footer-wrap
{
display
:
grid
;
grid-template-columns
:
repeat
(
7
,
minmax
(
14.285714286%
,
7.4em
));
/* centre everything */
margin
:
0
auto
;
max-width
:
51.8em
;
}
.site-footer
.footer-wrap
h2
,
.site-footer
.footer-wrap
p
{
grid-column
:
2
/
6
;
margin-left
:
0
;
margin-right
:
0
;
}
}
/* - - - - - - - - CLASSES AND IDs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
...
...
@@ -535,10 +505,24 @@ main {
/* to clear contained margins */
padding
:
0.5em
0
;
}
.site-footer
p
,
.note
,
figcaption
p
{
margin-right
:
var
(
--layout-unit
);
margin-left
:
var
(
--layout-unit
);
@media
screen
and
(
min-width
:
37em
)
{
.footer-wrap
{
display
:
grid
;
grid-template-columns
:
repeat
(
7
,
minmax
(
14.285714286%
,
7.4em
));
/* centre everything */
margin
:
0
auto
;
max-width
:
51.8em
;
}
.site-footer
.footer-wrap
h2
,
.site-footer
.footer-wrap
p
{
grid-column
:
2
/
6
;
margin-left
:
0
;
margin-right
:
0
;
}
}
/* - - - - - - - - NAVIGATION
...
...
@@ -567,8 +551,18 @@ nav {
padding
:
0
0
0.5em
0.5em
;
}
@media
screen
and
(
min-width
:
37em
)
{
@media
screen
and
(
min-width
:
45em
)
{
.navigation-menu
{
display
:
grid
;
grid-template-columns
:
repeat
(
7
,
minmax
(
14.285714286%
,
7.4em
));
/* centre everything */
margin
:
0
auto
;
max-width
:
51.8em
;
}
.navigation-menu
ul
{
grid-column
:
2
/
7
;
/* inside .navigation-menu */
/* 7 = number of columns = number of links in nav */
display
:
grid
;
grid-template-columns
:
repeat
(
7
,
auto
);
...
...
@@ -585,11 +579,12 @@ nav {
text-decoration
:
none
;
}
@media
screen
and
(
min-width
:
37
em
)
{
@media
screen
and
(
min-width
:
45
em
)
{
.navigation-menu
ul
a
{
border-radius
:
0
;
display
:
block
;
margin
:
0
;
padding
:
calc
(
var
(
--layout-unit
)/
3
)
var
(
--layout-unit
);
}
}
...
...
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