comparison docs/assets/css/piecrust.scss @ 1084:e135fd873c45

docs: Cosmetic improvements to the navigation bar.
author Ludovic Chabant <ludovic@chabant.com>
date Thu, 15 Feb 2018 22:26:26 -0800
parents 1ab49e6add4f
children
comparison
equal deleted inserted replaced
1083:35937f8a52b1 1084:e135fd873c45
71 } 71 }
72 72
73 // Customizations 73 // Customizations
74 .navbar { 74 .navbar {
75 padding: 0 1rem; 75 padding: 0 1rem;
76 background: #ffffff30; 76 background-color: rgba(255, 255, 255, 0.2);
77 text-shadow: #fff 0 0 1em, #fff 0 0 .1em; 77 text-shadow: #fff 0 0 1em, #fff 0 0 .1em;
78 78
79 a { 79 a {
80 color: #000; 80 color: #000;
81 padding: 1rem 1rem; 81 padding: 1rem 1rem;
82 82
83 &:hover { 83 &:hover {
84 color: #fff; 84 color: #fff;
85 background: #000000c0 !important; 85 background: rgba(0, 0, 0, 0.8) !important;
86 text-shadow: #000 0 0 1em, #000 0 0 .1em; 86 text-shadow: #000 0 0 1em, #000 0 0 .1em;
87 } 87 }
88 } 88 }
89 a.active { 89 a.active {
90 background: #ffffff60; 90 background: rgba(255, 255, 255, 0.4);
91 } 91 }
92 } 92 }
93 a.navbar-brand { 93 a.navbar-brand {
94 font-family: Lobster, serif; 94 font-family: Lobster, serif;
95 padding: (1rem / 1.25) 1rem; 95 padding: (1rem / 1.25) 1rem;
161 font-size: 0.8em; 161 font-size: 0.8em;
162 text-align: center; 162 text-align: center;
163 margin: 2em; 163 margin: 2em;
164 } 164 }
165 165
166 #content .highlight {
167 background-color: transparent;
168 }
169
166 170
167 // Splash-page 171 // Splash-page
168 .pc-splash { 172 .pc-splash {
169 header { 173 header {
170 padding: 1em 0 0 0; 174 padding: 1em 0 0 0;