From bd04ac097a0a29ba7c48a5f4a46d99ae7d86eea1 Mon Sep 17 00:00:00 2001 From: Marvin Borner Date: Mon, 16 Jul 2018 18:55:47 +0200 Subject: Added bottom navbar --- resources/assets/sass/app.scss | 30 ++++++++++++++++++++++++++---- 1 file changed, 26 insertions(+), 4 deletions(-) (limited to 'resources/assets/sass') diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss index bd5e1a5..ad83043 100755 --- a/resources/assets/sass/app.scss +++ b/resources/assets/sass/app.scss @@ -1,20 +1,42 @@ // Fonts @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600"); - // Variables @import "variables"; - // Bootstrap @import "~bootstrap/scss/bootstrap"; - // Chat @import "chat"; .navbar-laravel { - background-color: #fff; + margin: 0; + padding: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } +.navbar.fixed-bottom { + width: 100%; + background-color: #555; + overflow: auto; +} + +.navbar.fixed-bottom .navbar-icon { + float: left; + width: 20%; + text-align: center; + padding: 12px 0; + transition: all 0.3s ease; + color: white; + font-size: 36px; +} + +.navbar.fixed-bottom a:hover { + background-color: #000; +} + +.active { + background-color: #4CAF50 !important; +} + .alert { display: none; } \ No newline at end of file -- cgit v1.2.3