irinotes: client/src/App.scss@238818343253 (annotated)

19 f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	1	@import "bootstrap/variables";
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	2
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	3	.App {
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	4	text-align: center;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	5	}
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	6
33 238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	7	#root {
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	8	height: 100%;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	9	padding-bottom: 270px;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	10	}
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	11
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	12	.App-logo {
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	13	animation: App-logo-spin infinite 20s linear;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	14	height: 80px;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	15	}
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	16
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	17	.App-header {
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	18	background-color: #222;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	19	height: 150px;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	20	padding: 20px;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	21	color: white;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	22	}
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	23
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	24	.App-intro {
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	25	font-size: large;
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	26	}
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	27
5 5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	28	.toolbar-menu {
19 f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	29	padding-bottom: 10px;
5 5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	30	border-bottom: 2px solid #eee;
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	31	margin-bottom: 20px;
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	32	.button {
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	33	color: #ccc;
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	34	cursor: pointer;
19 f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	35	margin-right: 10px;
5 5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	36	}
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	37
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	38	.button[data-active="true"] {
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	39	color: black;
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	40	}
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	41	}
5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	42
21 284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	43	.hovering-menu {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	44	position: absolute;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	45	z-index: 1;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	46	top: -10000px;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	47	left: -10000px;
25 e04714a1d4eb Improve categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 21 diff changeset	48	margin-top: -20px;
21 284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	49	opacity: 0;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	50	transition: opacity .75s;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	51	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	52
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	53	.categories-tooltip {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	54	background-color: #efefef;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	55	border-radius: 4px;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	56	border: 1px solid #ccc;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	57	padding: 5px;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	58	.buttons {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	59	display: flex;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	60	flex-wrap: wrap;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	61	justify-content: space-between;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	62	button {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	63	background-color: yellow;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	64	border: 1px solid #ccc;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	65	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	66	button:not(:last-child) {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	67	margin-right: 10px;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	68	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	69	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	70	.form-group:last-child {
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	71	margin-bottom: 0;
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	72	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	73	}
284e866f55c7 First version of categories tooltip. Alexandre Segura <mex.zktk@gmail.com> parents: 19 diff changeset	74
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 5 diff changeset	75	.editor-wrapper {
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 5 diff changeset	76	border: 1px solid #efefef;
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 5 diff changeset	77	padding: 20px;
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 5 diff changeset	78	}
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 5 diff changeset	79
5 5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	80
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	81	@keyframes App-logo-spin {
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	82	from { transform: rotate(0deg); }
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	83	to { transform: rotate(360deg); }
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: diff changeset	84	}
18 dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	85
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	86	.note {
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	87	position: relative;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	88	padding-left: 70px;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	89	margin-bottom: 20px;
19 f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	90	min-height: ($line-height-computed * 3);
18 dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	91
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	92	&:before {
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	93	content: "";
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	94	position: absolute;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	95	top: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	96	bottom: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	97	left: 27px;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	98	z-index: -1;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	99	display: block;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	100	width: 2px;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	101	background-color: #e6ebf1;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	102	}
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	103
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	104	.start, .finish {
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	105	position: absolute;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	106	background-color: #fff;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	107	}
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	108
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	109	.start {
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	110	top: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	111	left: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	112	}
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	113	.finish {
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	114	bottom: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	115	left: 0;
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	116	}
dab2a16500e0 Add some styles for note timings. Alexandre Segura <mex.zktk@gmail.com> parents: 12 diff changeset	117	}
19 f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	118
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	119	span.annotation {
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	120	background-color: yellow;
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	121	text-decoration-line: underline;
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	122	text-decoration-style: dotted;
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	123
f1b125b95fe9 Introduce "annotation" plugin. Alexandre Segura <mex.zktk@gmail.com> parents: 18 diff changeset	124	}
33 238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	125
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	126	.editor-fixed {
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	127	border-top: 1px solid #efefef;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	128	background-color: #fff;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	129	padding: 20px 0;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	130	position: fixed;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	131	height: 270px;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	132	bottom: 0;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	133	width: 100%;
238818343253 Stick editor to bottom. Alexandre Segura <mex.zktk@gmail.com> parents: 25 diff changeset	134	}

author	Alexandre Segura <mex.zktk@gmail.com>
	Wed, 14 Jun 2017 16:06:40 +0200
changeset 33	238818343253
parent 25	e04714a1d4eb
child 35	97106bacb24e
permissions	-rw-r--r--