Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

adding some sass

  • Loading branch information...
commit 7f3584bbd5e521e6064a7e81027e0ec1ba60ce12 1 parent e9535f0
Sayem Islam authored
View
60 app/stylesheets/main.sass
@@ -1,4 +1,4 @@
-body
+body
font-family: Helvetica Neue, arial, helvetica, sans-serif
font-size: 1em
color: #333333
@@ -18,4 +18,60 @@ img
a
color: #333333
text-decoration: none
- outline: none
+ outline: none
+
+#header
+ margin-top: 40px
+ margin-bottom: 45px
+ margin-left: 45px
+ font:
+ weight: bold
+ size: 1.45em
+
+.favs
+ position: relative
+ margin-bottom: 30px
+
+.techpeep
+ position: relative
+ left: 0px
+ width: 165px
+ height: 100px
+ text-align: right
+ padding-right: 25px
+ padding-top: 30px
+
+.favorite
+ position: absolute
+ top: 0px
+ right: 87px
+ width: 650px
+ height: 100px
+ border: solid 1px
+ padding-top: 20px
+ padding-left: 20px
+ padding-bottom: 10px
+ .username
+ position: absolute
+ top: 24px
+ left: 80px
+
+.username
+ margin-top: 5px
+ font:
+ weight: bold
+ size: 0.8em
+
+.tweet
+ padding-top: 10px
+ width: 600px
+
+.link
+ color: red
+
+#footer
+ width: 950px
+ text-align: center
+ font-size: 0.75em
+ margin-top: 50px
+ margin-bottom: 25px
View
21 app/views/home/index.html.haml
@@ -9,14 +9,19 @@
%ul
- @favs.each do |f|
%li
- %a{:href => "http://twitter.com/#{f[4]}/favorites", :title => f[4], :target => "_blank"}
- %img{:src => f[5], :alt => f[4]}
- = f[4]
- %a{:href => "http://twitter.com/#{f[0]}", :title => f[0], :target => "_blank"}
- %img{:src => f[1], :alt => f[0]}
- = f[0]
- .tweet
- != f[2].gsub(/(https?|ftp|file):\/\/\S+/) {|s| "<a href='#{s}' target='_blank'>#{s}</a>" }
+ .favs
+ .techpeep
+ %a{:href => "http://twitter.com/#{f[4]}/favorites", :title => f[4], :target => "_blank"}
+ %img{:src => f[5], :alt => f[4]}
+ .username
+ = f[4]
+ .favorite
+ %a{:href => "http://twitter.com/#{f[0]}", :title => f[0], :target => "_blank"}
+ %img{:src => f[1], :alt => f[0]}
+ .username
+ = f[0]
+ .tweet
+ != f[2].gsub(/(https?|ftp|file):\/\/\S+/) {|s| "<a href='#{s}' class='link' target='_blank'>#{s}</a>" }
%div#footer
&copy; 2011
View
72 public/stylesheets/main.css
@@ -29,3 +29,75 @@ a {
text-decoration: none;
outline: none;
}
+
+/* line 23, ../../app/stylesheets/main.sass */
+#header {
+ margin-top: 40px;
+ margin-bottom: 45px;
+ margin-left: 45px;
+ font-weight: bold;
+ font-size: 1.45em;
+}
+
+/* line 31, ../../app/stylesheets/main.sass */
+.favs {
+ position: relative;
+ margin-bottom: 30px;
+}
+
+/* line 35, ../../app/stylesheets/main.sass */
+.techpeep {
+ position: relative;
+ left: 0px;
+ width: 165px;
+ height: 100px;
+ text-align: right;
+ padding-right: 25px;
+ padding-top: 30px;
+}
+
+/* line 44, ../../app/stylesheets/main.sass */
+.favorite {
+ position: absolute;
+ top: 0px;
+ right: 87px;
+ width: 650px;
+ height: 100px;
+ border: solid 1px;
+ padding-top: 20px;
+ padding-left: 20px;
+ padding-bottom: 10px;
+}
+/* line 54, ../../app/stylesheets/main.sass */
+.favorite .username {
+ position: absolute;
+ top: 24px;
+ left: 80px;
+}
+
+/* line 59, ../../app/stylesheets/main.sass */
+.username {
+ margin-top: 5px;
+ font-weight: bold;
+ font-size: 0.8em;
+}
+
+/* line 65, ../../app/stylesheets/main.sass */
+.tweet {
+ padding-top: 10px;
+ width: 600px;
+}
+
+/* line 69, ../../app/stylesheets/main.sass */
+.link {
+ color: red;
+}
+
+/* line 72, ../../app/stylesheets/main.sass */
+#footer {
+ width: 950px;
+ text-align: center;
+ font-size: 0.75em;
+ margin-top: 50px;
+ margin-bottom: 25px;
+}
Please sign in to comment.
Something went wrong with that request. Please try again.