0ct0pu5/min
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update to match less files

Browse source 
977b minified and gzipped
This commit is contained in:
Scott O'Hara 2014-02-20 21:29:15 -05:00
parent 0ea6b0d2db
commit 809e87f66c
3 changed files with 17 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
sass/_button.scss
View file

@ -25,6 +25,7 @@
// use .btn on any element to give it the styling of a button
.btn {
@extend %no-underline;
@extend outline-0;
@include btn-style(#999, #888, #777);
border: 0;
border-radius: 10px; // rounded corners
@ -32,8 +33,7 @@
cursor: pointer;
display: inline-block; // Enables non-inline-block elements like <a>s to be buttons
font-size: 2.5em;
margin: .3em .2em 0 0;
outline: 0; // when the button is focused, don't show an outline
margin: .2em .3em .2em 0;
padding: 15px 40px 16px;
}

4
sass/_general.scss
View file

@ -27,9 +27,9 @@ body, textarea {
// shared styling between btn and links in nav bars
%nav-btn-shared {
%outline-0 {
outline: 0;
// when button or navbar is focused don't show an outline
// when button or nav bar is focused don't show an outline
}
%no-underline {

40
sass/_navbar.scss
View file

@ -14,54 +14,43 @@
.nav {
@extend %nav-global;
height: 1.5em;
line-height: 1.5em;
// max-height: 1.5em; // needed for animations, uncomment to use
padding: .7em 0 .95em;
// max-height: 1.5em; // needed for animations, uncomment to use
a {
@extend %no-underline;
@extend %nav-global;
color: #aaa;
font-size: 14px;
padding-right: 1em;
&:hover {
color: #fff;
}
position: relative;
top: -1px;
}
.pagename {
color: #fff;
@extend %nav-global;
font-size: 22px;
position: relative;
top: 1px;
}
.current {
color: #fff;
}
input, .btn {
margin-top: -20px;
// This ensures that any buttons and inputs in the
// .nav will not mess up its vertical alignment
@extend %nav-global;
}
}
.btn-close {
.btn.btn-close {
@extend %nav-global;
border: 0;
float: right;
font-size: 25px;
margin-top: -44px;
margin-top: -54px;
visibility: hidden;
}
// Update styling of .nav for small screens
@media(max-width:500px) {
.btn-close {
@media (max-width:500px) {
.btn.btn-close {
visibility: visible;
}
@ -77,18 +66,15 @@
height: auto;
}
&:before {
& div:before {
background: #000;
border-bottom: 10px double;
content: '_';
float: right;
font-size: 32px;
font-weight: bold;
font: bold 32px/0 sans-serif; // bold, 32px sans-serif text with a line-height of zero
height: 21px;
line-height: 0;
margin-right: 10px;
margin-top: -10px;
position: relative;
top: 1px;
}
a {