Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Responsive design start

  • Loading branch information...
commit 8f4c64681fc7f0c9f995d86a1da1fd518de171cf 1 parent 51987ff
Michael Hughes authored
Showing with 19 additions and 14 deletions.
  1. +18 −13 src/resources/sass/screen.scss
  2. +1 −1  src/resources/views/layout.jade
View
31 src/resources/sass/screen.scss
@@ -1,5 +1,6 @@
@import "compass/reset";
-@import "compass_twitter_bootstrap";
+@import "compass_twitter_bootstrap";
+@import "compass_twitter_bootstrap_responsive";
@import "compass/typography/links/link-colors";
$border-color:#DDD;
@@ -7,16 +8,12 @@ $border-color:#DDD;
body {
font-size:12pt;
}
-h3 {
- font-size:120%;
-}
-
.entries {
- margin:1em;
- width:600px;
+ margin:0em;
border-top:1px solid $border-color;
border-left:1px solid $border-color;
border-right:1px solid $border-color;
+ width:600px;
}
.entry {
border-bottom: 1px solid $border-color;
@@ -26,11 +23,17 @@ h3 {
font-style:italic;
color : #CCC;
}
-.entry p.toggle-,p.toggle-false {
- margin:0px;
+.entry p {
+ margin:0px;
+}
+.entry p.toggle-false {
display:none;
}
.entry p.toggle-true {
+}
+.entry h3 {
+ font-size:120%;
+ text-decoration:none;
margin:0px;
}
.btns-right {
@@ -42,10 +45,12 @@ h3 {
.odd {
background-color : #FAFAFA;
}
-.entry h3 {
- text-decoration:none;
- margin:0px;
-}
a {
@include link-colors(#00c, #00c, #00c, #000)
}
+@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
+ .entries {
+ background-color:#777;
+ width:100%;
+ }
+}
View
2  src/resources/views/layout.jade
@@ -4,7 +4,7 @@ html(ng-app)
title Mike's Homepage
script(src='http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js')
script(src='scripts/all.js')
- link(href="styles/screen.css",rel="stylesheet")
+ link(href="styles/screen.css",rel="stylesheet",type="text/css")
#link(href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css",rel="stylesheet")
body
Please sign in to comment.
Something went wrong with that request. Please try again.