kazhnuz
/
bluesky-bootstrap-theme
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: add transparent navbar support

This commit is contained in:
Kazhnuz 2019-11-05 13:58:49 +01:00
parent 9b1b600e15
commit 3a0cc060c5
4 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -24,7 +24,7 @@
<div id="wrapper"> <div id="wrapper">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary"> <nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
<a class="navbar-brand" href="#">Blue Sky</a> <a class="navbar-brand" href="#">Blue Sky</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>

6
scss/_global.scss
View File

@ -39,6 +39,12 @@ header h1 {
padding-bottom:0; padding-bottom:0;
} }
@include li-no-margin(); @include li-no-margin();
&.navbar-transparent {
border: none;
box-shadow: none;
background-color:transparent;
}
} }
.dropdown-menu { .dropdown-menu {

5
style.css
View File

@ -235,6 +235,11 @@ header h1 {
.navbar li { .navbar li {
margin: 0; margin: 0;
} }
.navbar.navbar-transparent {
border: none;
box-shadow: none;
background-color: transparent;
}
.dropdown-menu { .dropdown-menu {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), inset 0px -2px 0px rgba(0, 0, 0, 0.2);

2
style.css.map
View File

File diff suppressed because one or more lines are too long