Commit 6a0cfde2 authored by Zach Knox's avatar Zach Knox
Browse files

Trying to get the tab bar to be a nice color

But CSS hates me so it doesn't really work someone pls help
parent ff6d2bae
...@@ -5,7 +5,8 @@ ...@@ -5,7 +5,8 @@
.header-bg > .mdl-layout__header, .header-bg > .mdl-layout__header,
.header-bg > .mdl-layout__header-row, .header-bg > .mdl-layout__header-row,
.header-bg > .mdl-layout__drawer, .header-bg > .mdl-layout__drawer,
.header-bg > .mdl-layout__tab-bar { .header-bg > .mdl-layout__tab-bar,
.header-bg > .mdl-layout__tab {
background-color: #006633; background-color: #006633;
} }
<template name="home"> <template name="home">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header header-bg">
<header class="mdl-layout__header"> <header class="mdl-layout__header header-bg">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row header-bg">
<!-- Title --> <!-- Title -->
<span class="mdl-layout-title">Weather</span> <span class="mdl-layout-title">Weather</span>
</div> </div>
<!-- Tabs --> <!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect"> <div class="mdl-layout__tab-bar mdl-js-ripple-effect header-bg">
<a id="fairfax-tab-button" href="#fairfax" class="mdl-layout__tab is-active locationTab">Fairfax</a> <a id="fairfax-tab-button" href="#fairfax" class="mdl-layout__tab is-active">Fairfax</a>
<a href="#arlington" class="mdl-layout__tab locationTab">Arlington</a> <a href="#arlington" class="mdl-layout__tab">Arlington</a>
<a href="#scitech" class="mdl-layout__tab locationTab">SciTech</a> <a href="#scitech" class="mdl-layout__tab">SciTech</a>
<a href="#korea" class="mdl-layout__tab locationTab">Mason Korea</a> <a href="#korea" class="mdl-layout__tab">Mason Korea</a>
</div> </div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content">
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment