fix title background alignment

Melissa Wen
1 parent ec05a0fd
Showing 2 changed files with 15 additions and 9 deletions Show diff stats
_internalpage.sass
icons/line.png
@@ -19,25 +19,31 @@
     border-radius: 0
     box-shadow: none
     padding: 20px
+    #article-header
+      background: url('icons/line.png') repeat-x left 8px
+      display: block
+      height: 75px
+      margin: 25px 0 0 0
+      width: 100%
     h1.title
+      background: #FFF
       border-bottom: none
       border-left: 10px solid #575959
       color: #575959
+      display: block
+      float: left
       font-family: 'Ubuntu'
       font-size: 22px
       font-variant: normal
       font-weight: 300
-      margin: 25px 0
+      margin: 0 0 25px 0
       padding: 0 15px
       position: relative
-      &::after
-        background: url('icons/line.png') repeat-x left center
-        bottom: 0
-        content: ""
-        left: 115px
-        position: absolute
-        right: 0
-        top: 5px
+      width: auto
+    .publishing-info
+      display: block
+      float: left
+      width: 100%
     #article
       font-family: 'Ubuntu'
       font-size: 13px
...	...	@@ -19,25 +19,31 @@
19	19	border-radius: 0
20	20	box-shadow: none
21	21	padding: 20px
	22	+ #article-header
	23	+ background: url('icons/line.png') repeat-x left 8px
	24	+ display: block
	25	+ height: 75px
	26	+ margin: 25px 0 0 0
	27	+ width: 100%
22	28	h1.title
	29	+ background: #FFF
23	30	border-bottom: none
24	31	border-left: 10px solid #575959
25	32	color: #575959
	33	+ display: block
	34	+ float: left
26	35	font-family: 'Ubuntu'
27	36	font-size: 22px
28	37	font-variant: normal
29	38	font-weight: 300
30		- margin: 25px 0
	39	+ margin: 0 0 25px 0
31	40	padding: 0 15px
32	41	position: relative
33		- &::after
34		- background: url('icons/line.png') repeat-x left center
35		- bottom: 0
36		- content: ""
37		- left: 115px
38		- position: absolute
39		- right: 0
40		- top: 5px
	42	+ width: auto
	43	+ .publishing-info
	44	+ display: block
	45	+ float: left
	46	+ width: 100%
41	47	#article
42	48	font-family: 'Ubuntu'
43	49	font-size: 13px
...	...