quantum/correcthorsebatterystaple
1
0
Fork 0
mirror of https://github.com/quantum5/correcthorsebatterystaple.git synced 2025-04-25 02:31:57 -04:00
Code Issues Packages Projects Releases Wiki Activity

Hide "staple" only when absolutely necessary

Browse source
This commit is contained in:
Quantum 2018-11-27 00:40:43 -05:00
parent c4f05c5b48
commit e8ed9a64e9
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app.scss
View file

@ -38,3 +38,9 @@ body {
color: $body-color; color: $body-color;
} }
} }
@media (max-width: 360px) {
.staple {
display: none;
}
}

2
src/index.html
View file

@ -9,7 +9,7 @@
<body data-spy="scroll" data-target="nav" data-offset="72"> <body data-spy="scroll" data-target="nav" data-offset="72">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="container"> <div class="container">
<a class="navbar-brand" href="#">Correct Horse Battery <span class="d-none d-sm-inline">Staple</span></a> <a class="navbar-brand" href="#">Correct Horse Battery <span class="staple">Staple</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-anchors" <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-anchors"
aria-controls="nav-anchors" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="nav-anchors" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>