Design service

machida · May 19, 2014 · b0228b9 · b0228b9
1 parent 57a7ef9
commit b0228b9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 5 deletions.
diff --git a/app/assets/stylesheets/application.css.sass b/app/assets/stylesheets/application.css.sass
@@ -83,6 +83,7 @@
 @import blocks/pages/archives
 @import blocks/pages/contact-form
 @import blocks/pages/page-show
+@import blocks/pages/service
 
 // staff
 @import blocks/staff/staff-nav

diff --git a/app/assets/stylesheets/blocks/pages/_service.css.sass b/app/assets/stylesheets/blocks/pages/_service.css.sass
@@ -0,0 +1,10 @@
+$block: service
+
+.#{$block}__title
+  +text-block(36px, 1.4, 22px)
+  +rem('padding-bottom', 4px)
+  +border(bottom, 1px, solid, rgba(0, 0, 0, 0.8), white)
+  +bold-ja
+.#{$block}__body
+  p
+    +text-block(16px, 1.8, 1.4)
diff --git a/app/views/services/show.html.haml b/app/views/services/show.html.haml
@@ -1,9 +1,11 @@
 - content_for :page_title do
   = @service.title
 %section.page-show{class: "#{page_slug}"}
-  .service__title.page-show__page-title
+  %header.service__title.page-show__page-title
     = @service.title
-  = markdown(@service.body)
-  = link_to services_path, class: "service__back-link border-button-md-i-l" do
-    %i.fa.fa-angle-left.two-column-content__back-link-icon.fa-lg
-    = t('Back')
+  .service__body
+    = markdown(@service.body)
+  %footer.service__footer
+    = link_to services_path, class: "service__back-link border-button-md-i-l" do
+      %i.fa.fa-angle-left.two-column-content__back-link-icon.fa-lg
+      = t('Back')