diff --git a/prototype/css/app.css b/prototype/css/app.css index 81b9ef0..bd4882a 100644 --- a/prototype/css/app.css +++ b/prototype/css/app.css @@ -5,7 +5,7 @@ html, body { /* line 28, ../sass/app.sass */ body { - font-size: 36px; + font-size: 24px; background-color: white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9999ff), color-stop(100%, #ddddff)); background: -webkit-linear-gradient(#9999ff, #ddddff); @@ -16,24 +16,20 @@ body { font-family: "Fascinate", cursive; font-family: "Fredoka One", cursive; font-family: "Gorditas", cursive; - font-size: 24px; color: red; } -/* line 38, ../sass/app.sass */ +/* line 37, ../sass/app.sass */ a { text-decoration: none; color: red; } /* line 42, ../sass/app.sass */ -.tweets { - width: 50%; - margin: 0 25%; -} -/* line 45, ../sass/app.sass */ .tweets .tweet { - padding: 20px; + width: 50%; + margin: 0 25% 40px 25%; + padding: 20px 20px 30px 20px; border-bottom: 1px solid #eeeeee; list-style: none; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff84b5), color-stop(100%, #ff5197)); @@ -48,6 +44,9 @@ a { -o-border-radius: 10px; border-radius: 10px; margin-bottom: 40px; + -webkit-box-shadow: 0 0 30px 0 rgba(100, 100, 200, 0.4), inset 0 -10px 10px 0 #ff1e79; + -moz-box-shadow: 0 0 30px 0 rgba(100, 100, 200, 0.4), inset 0 -10px 10px 0 #ff1e79; + box-shadow: 0 0 30px 0 rgba(100, 100, 200, 0.4), inset 0 -10px 10px 0 #ff1e79; } /* line 52, ../sass/app.sass */ .tweets .tweet h2 { @@ -77,3 +76,9 @@ a { color: #ffeaf2; text-shadow: 0 -1px 0 #b7004a; } +/* line 72, ../sass/app.sass */ +.tweets .tweet:first-child { + font-size: 34px; + width: 60%; + margin: 0 20% 40px 20%; +} diff --git a/prototype/sass/app.sass b/prototype/sass/app.sass index b407b63..d14ebc9 100644 --- a/prototype/sass/app.sass +++ b/prototype/sass/app.sass @@ -26,13 +26,12 @@ html, body body - font-size: 36px + font-size: $fontSize background-color: #fff +background( linear-gradient(#99f, #ddf)) font-family: 'Fascinate', cursive font-family: 'Fredoka One', cursive font-family: 'Gorditas', cursive - font-size: $fontSize color: $color a @@ -40,15 +39,16 @@ a color: $color .tweets - width: 50% - margin: 0 25% .tweet - padding: 20px + width: 50% + margin: 0 25% 40px 25% + padding: 20px 20px 30px 20px border-bottom: 1px solid #eee list-style: none +background( linear-gradient(lighten($pink, 10%), $pink)) +border-radius(10px) margin-bottom: 40px + +box-shadow( 0 0 30px 0 rgba(100,100,200,0.4), inset 0 -10px 10px 0 darken($pink, 10)) h2 font-weight: bold line-height: 1.1 @@ -68,4 +68,8 @@ a margin: 0 0 0 76px line-height: 1.4 color: lighten($pink, 30%) - +text-shadow( 0 -1px 0 darken($pink, 30%)) \ No newline at end of file + +text-shadow( 0 -1px 0 darken($pink, 30%)) + .tweet:first-child + font-size: $fontSize + 10 + width: 60% + margin: 0 20% 40px 20%