Permalink
Browse files

A friendlier touch target size for the toggle nav

  • Loading branch information...
1 parent 65db7eb commit 1965581e9859354cee34df5944447a6735ed2bb9 @grayghostvisuals grayghostvisuals committed Apr 12, 2013
Showing with 76 additions and 14,191 deletions.
  1. +3 −1 _sass/_navbar.scss
  2. +9 −1 _sass/_responsive-navbar.scss
  3. +60 −60 codekit-config.json
  4. +1 −5,756 css/bootstrap.css
  5. +2 −7,123 css/master.css
  6. +1 −1,250 css/responsive.css
View
@@ -245,6 +245,7 @@
}
.navbar .nav > li {
float: left;
+ text-align:right;
}
// Links
@@ -285,9 +286,10 @@
.navbar .btn-navbar {
display: none;
float: right;
- padding: 7px 10px;
+ padding: 1em;
margin-left: 5px;
margin-right: 5px;
+ margin-bottom: 1em;
@include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5%));
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075));
}
@@ -49,9 +49,17 @@
.nav-collapse .nav {
float: none;
margin: 0 0 ($baseLineHeight / 2);
+ overflow: auto;
}
.nav-collapse .nav > li {
- float: none;
+ //float: none;
+ float: right;
+ @media screen and (max-width: 23.875em) {
+ float: none;
+ border: 1px solid rgb(54, 49, 49);
+ padding: 1em 0;
+ background: #1A1A1A;
+ }
}
.nav-collapse .nav > li > a {
margin-bottom: 2px;
View
@@ -250,16 +250,14 @@
"fileType" : 4,
"debugStyle" : 0
},
- "\/js\/bootstrap-carousel.js" : {
+ "\/_layouts\/default.html" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/bootstrap-carousel.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/minified\/bootstrap-carousel-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/_layouts\/default.html",
+ "outputAbbreviatedPath" : "No Output Path",
+ "fileType" : 2048
},
"\/css\/icons.css" : {
"ignoreWasSetByUser" : 0,
@@ -270,15 +268,6 @@
"outputAbbreviatedPath" : "No Output Path",
"fileType" : 16
},
- "\/_layouts\/default.html" : {
- "ignoreWasSetByUser" : 0,
- "ignore" : 0,
- "hidden" : 0,
- "outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/_layouts\/default.html",
- "outputAbbreviatedPath" : "No Output Path",
- "fileType" : 2048
- },
"\/_sass\/_hero-unit.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
@@ -302,6 +291,17 @@
"outputAbbreviatedPath" : "\/js\/minified\/bootstrap-typeahead-min.js",
"fileType" : 64
},
+ "\/js\/bootstrap-carousel.js" : {
+ "ignoreWasSetByUser" : 0,
+ "ignore" : 0,
+ "hidden" : 0,
+ "outputPathIsSetByUser" : 0,
+ "inputAbbreviatedPath" : "\/js\/bootstrap-carousel.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/minified\/bootstrap-carousel-min.js",
+ "fileType" : 64
+ },
"\/js\/bootstrap-scrollspy.min.js" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
@@ -471,17 +471,6 @@
"fileType" : 4,
"debugStyle" : 0
},
- "\/js\/tests\/unit\/bootstrap-tab.min.js" : {
- "ignoreWasSetByUser" : 0,
- "ignore" : 0,
- "hidden" : 0,
- "outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-tab.min.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-tab.min-min.js",
- "fileType" : 64
- },
"\/_sass\/_variables.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
@@ -494,6 +483,17 @@
"fileType" : 4,
"debugStyle" : 0
},
+ "\/js\/tests\/unit\/bootstrap-tab.min.js" : {
+ "ignoreWasSetByUser" : 0,
+ "ignore" : 0,
+ "hidden" : 0,
+ "outputPathIsSetByUser" : 0,
+ "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-tab.min.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-tab.min-min.js",
+ "fileType" : 64
+ },
"\/js\/bootstrap-button.min.js" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
@@ -633,16 +633,14 @@
"outputAbbreviatedPath" : "No Output Path",
"fileType" : 16
},
- "\/js\/tests\/unit\/bootstrap-tooltip.js" : {
+ "\/resources.html" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-tooltip.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-tooltip-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/resources.html",
+ "outputAbbreviatedPath" : "No Output Path",
+ "fileType" : 2048
},
"\/_sass\/icons.scss" : {
"ignoreWasSetByUser" : 0,
@@ -656,14 +654,16 @@
"fileType" : 4,
"debugStyle" : 0
},
- "\/resources.html" : {
+ "\/js\/tests\/unit\/bootstrap-tooltip.js" : {
"ignoreWasSetByUser" : 0,
"ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/resources.html",
- "outputAbbreviatedPath" : "No Output Path",
- "fileType" : 2048
+ "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-tooltip.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-tooltip-min.js",
+ "fileType" : 64
},
"\/_sass\/_accordion.scss" : {
"ignoreWasSetByUser" : 0,
@@ -709,15 +709,15 @@
"fileType" : 4,
"debugStyle" : 0
},
- "\/_sass\/_pagination.scss" : {
+ "\/_sass\/bootstrap.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/_sass\/_pagination.scss",
+ "inputAbbreviatedPath" : "\/_sass\/bootstrap.scss",
"outputStyle" : 0,
"shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/_pagination.css",
+ "outputAbbreviatedPath" : "\/css\/bootstrap.css",
"fileType" : 4,
"debugStyle" : 0
},
@@ -732,27 +732,27 @@
"outputAbbreviatedPath" : "\/js\/minified\/bootstrap-transition.min-min.js",
"fileType" : 64
},
- "\/_sass\/_popovers.scss" : {
+ "\/_sass\/_pagination.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/_sass\/_popovers.scss",
+ "inputAbbreviatedPath" : "\/_sass\/_pagination.scss",
"outputStyle" : 0,
"shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/_popovers.css",
+ "outputAbbreviatedPath" : "\/css\/_pagination.css",
"fileType" : 4,
"debugStyle" : 0
},
- "\/_sass\/bootstrap.scss" : {
+ "\/_sass\/_popovers.scss" : {
"ignoreWasSetByUser" : 0,
"ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/_sass\/bootstrap.scss",
+ "inputAbbreviatedPath" : "\/_sass\/_popovers.scss",
"outputStyle" : 0,
"shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/bootstrap.css",
+ "outputAbbreviatedPath" : "\/css\/_popovers.css",
"fileType" : 4,
"debugStyle" : 0
},
@@ -1343,16 +1343,17 @@
"outputAbbreviatedPath" : "\/js\/minified\/bootstrap-tooltip.min-min.js",
"fileType" : 64
},
- "\/js\/tests\/unit\/bootstrap-carousel.js" : {
+ "\/_sass\/responsive.scss" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 0,
+ "ignore" : 1,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-carousel.js",
- "outputStyle" : 1,
- "syntaxCheckerStyle" : 1,
- "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-carousel-min.js",
- "fileType" : 64
+ "inputAbbreviatedPath" : "\/_sass\/responsive.scss",
+ "outputStyle" : 0,
+ "shouldRunBless" : 1,
+ "outputAbbreviatedPath" : "\/css\/responsive.css",
+ "fileType" : 4,
+ "debugStyle" : 0
},
"\/_sass\/tests\/forms.html" : {
"ignoreWasSetByUser" : 0,
@@ -1363,17 +1364,16 @@
"outputAbbreviatedPath" : "No Output Path",
"fileType" : 2048
},
- "\/_sass\/responsive.scss" : {
+ "\/js\/tests\/unit\/bootstrap-carousel.js" : {
"ignoreWasSetByUser" : 0,
- "ignore" : 1,
+ "ignore" : 0,
"hidden" : 0,
"outputPathIsSetByUser" : 0,
- "inputAbbreviatedPath" : "\/_sass\/responsive.scss",
- "outputStyle" : 0,
- "shouldRunBless" : 1,
- "outputAbbreviatedPath" : "\/css\/responsive.css",
- "fileType" : 4,
- "debugStyle" : 0
+ "inputAbbreviatedPath" : "\/js\/tests\/unit\/bootstrap-carousel.js",
+ "outputStyle" : 1,
+ "syntaxCheckerStyle" : 1,
+ "outputAbbreviatedPath" : "\/js\/tests\/unit\/minified\/bootstrap-carousel-min.js",
+ "fileType" : 64
},
"\/js\/tests\/unit\/bootstrap-transition.js" : {
"ignoreWasSetByUser" : 0,
Oops, something went wrong.

0 comments on commit 1965581

Please sign in to comment.