minor nav bar fix, index too
This commit is contained in:
parent
8bcf104529
commit
e58d9a10b0
4 changed files with 10 additions and 15 deletions
2
brut.min.css
vendored
2
brut.min.css
vendored
File diff suppressed because one or more lines are too long
10
index.html
10
index.html
|
@ -20,12 +20,10 @@
|
|||
<div class="container">
|
||||
<div class="hero bg-neutral">
|
||||
<div class="row">
|
||||
<div class="c3">
|
||||
<div class="block">
|
||||
<div class="col c3">
|
||||
<img src="h/img/brutalisme.jpg" alt="brutalisme"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="c6">
|
||||
<div class="col c6">
|
||||
<h1 class="title">BRUT</h1>
|
||||
<h4 class="mobileonly">A <em>Brutalist</em> and <em>Minimalist</em> CSS framework</h4>
|
||||
<p>
|
||||
|
@ -34,10 +32,8 @@
|
|||
advanced technical people.
|
||||
</p>
|
||||
</div>
|
||||
<div class="c3">
|
||||
<div class="block">
|
||||
<div class="col c3">
|
||||
<img src="h/img/brutalisme.jpg" alt="brutalisme" style="transform:scaleX(-1)"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -13,7 +13,6 @@
|
|||
:root {
|
||||
--bg: #fff;
|
||||
--fg: #000;
|
||||
--navfg: #aaa;
|
||||
--bg2: #eee;
|
||||
--darken: rgba(0,0,0,0.1);
|
||||
|
||||
|
@ -49,7 +48,6 @@
|
|||
:root {
|
||||
--bg: #000;
|
||||
--fg: #ccc;
|
||||
--navfg: #555;
|
||||
--bg2: #333;
|
||||
--darken: rgba(255,255,255,0.1);
|
||||
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
.nav, .nav .current, .nav a:hover {
|
||||
background: var(--fg);
|
||||
color: var(--bg);
|
||||
background: #000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nav {
|
||||
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
|
||||
.nav a {
|
||||
color: var(--navfg);
|
||||
color: #aaa;
|
||||
padding-right: 1em;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
|
@ -25,13 +25,14 @@
|
|||
}
|
||||
|
||||
.btn.btn-close {
|
||||
background: var(--fg);
|
||||
color: var(--bg);
|
||||
background: #000;
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 25px;
|
||||
margin: -54px 7px;
|
||||
display: none;
|
||||
}
|
||||
.btn.btn-close:hover { color: #fff; }
|
||||
|
||||
@media (max-width:500px) {
|
||||
.btn.btn-close {
|
||||
|
|
Loading…
Reference in a new issue