git ssb - Styling · arj/patchbook@f98a6d9b

Anders Rune Jensen committed on 10/25/2017, 11:50:29 PM
Parent: 0cf2313f9b68e06b90166833d8317ac19c17e9ef

book/html/layout/card.jsView
		@@ -43,12 +43,12 @@
43	43 …	isCard.set(false)
44	44 …	}
45	45 …	}, '+'),
46	46 …	h('.details', [
	47 …	+ images({images: obs.images}),
47	48 …	title({title: obs.title, msg}),
48	49 …	authors({authors: obs.authors}),
49		- description({description: obs.description}),
50		- images({images: obs.images})
	50 …	+ description({description: obs.description})
51	51 …	])
52	52 …	])
53	53 …	]
54	54 …

book/html/layout/card.mcssView
		@@ -30,21 +30,28 @@
30	30 …	line-height: .8rem
31	31 …	}
32	32 …
33	33 …	div.details {
	34 …	+ column-count: 2
34	35 …	flex-grow: 1
35		- max-width: 21rem
	36 …	+ max-width: 25rem
36	37 …
37	38 …	border: 1px gainsboro solid
38		- border-right: none
39	39 …	padding: .5rem
40	40 …
	41 …	+ section.images img {
	42 …	+ max-width: 200px
	43 …	+ max-height: 200px
	44 …	+ }
	45 …	+
41	46 …	section.title {
42		- font-size: 1.8rem
43		- margin-bottom: 1rem
	47 …	+ font-size: 1.5rem
	48 …	+ margin-bottom: 0.3rem
44	49 …	}
45		- section {
46	50 …
	51 …	+ section.authors {
	52 …	+ font-style: italic
	53 …	+ margin-bottom: 1rem
47	54 …	}
48	55 …	}
49	56 …	}
50	57 …	}

book/html/layout/detail.mcssView
		@@ -28,24 +28,13 @@
28	28 …	section.content {
29	29 …	section {
30	30 …	margin-bottom: 1rem
31	31 …	}
WritePreview
32		- section.images {
33		- }
34	32 …
35	33 …	section.description {
36	34 …	min-height: 3rem
37	35 …	}
38	36 …
39		- section.time {
40		- min-height: 4rem
41		- (input) {
42		- font-size: 1rem
43		- border: 1px solid gainsboro
44		- }
45		-
46		- }
47		-
48	37 …	section.actions {
49	38 …	display: flex
50	39 …	flex-basis: 100%
51	40 …	justify-content: flex-end
		@@ -60,14 +49,4 @@
60	49 …	margin-left: auto
61	50 …	}
62	51 …	}
63	52 …	}
64		-
65		-StartDateTime {
66		- div {
67		- input {
68		- border: 1px solid gainsboro
69		- font-size: 1em
70		- width: 16rem
71		- }
72		- }
73		-}

arj / patchbook