Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

mobile styles galore

  • Loading branch information...
commit d89b6017e4bdfa766880ded218bd26f742d6222b 1 parent 3ef1a00
@mislav authored
Showing with 38 additions and 7 deletions.
  1. +1 −0  views/layout.erb
  2. +37 −7 views/style.sass
View
1  views/layout.erb
@@ -7,6 +7,7 @@
<![endif]-->
<%#= javascript_includes %>
<link rel=stylesheet type="text/css" href=/style.css>
+ <meta name=viewport content="width=device-width, initial-scale=1.0">
</head>
<body>
View
44 views/style.sass
@@ -1,12 +1,41 @@
-@import "bootstrap"
-@import "screen"
-@import "print"
-@import "toc"
+@import bootstrap
+@import screen
+@import print
+@import toc
$sidebarWidth: 230px
+$phonePadding: 8px
+
++screen(phone)
+ body
+ font-size: 14px
+ padding: $phonePadding
+ .container
+ width: auto
+ .row
+ margin-left: 0
+ .row > [class*="span"], .row-fluid > [class*="span"]
+ float: none
+ display: block
+ width: auto
+ margin: 0
+ .page-header
+ margin-top: 0
+ .hero-unit
+ padding: $phonePadding
+ margin-bottom: $phonePadding
+ h1
+ font-size: 38px
+ p
+ font-size: 16px
+ line-height: 1.6
+
++screen(tablet)
+ +grid-core-generate(42px, 20px)
#home
- padding-top: 2em
+ +screen(nonphone)
+ padding-top: 2em
h1
margin-bottom: .8em
@@ -20,8 +49,9 @@ $sidebarWidth: 230px
font-weight: bold
border-bottom-color: $grayLight
- footer
- padding-top: .5em
+ +screen(nonphone)
+ footer
+ padding-top: .5em
#search
h2
Please sign in to comment.
Something went wrong with that request. Please try again.