Obojobo/packages/app/obojobo-document-engine/src/scripts/common/components/modal/settings-dialog.scss at 66821260847d5ef7738c7b62b41fe3841de9672f · maufcost/Obojobo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
@import '~styles/includes';

.obojobo-draft--components--modal--settings-dialog {
	text-align: left;
	min-width: 20em;
	display: flex;
	flex-flow: column wrap;

	.row {
		flex: 1 1 100%;
		transition: flex 0.3s ease-out;
		margin-bottom: 1em;

		&.highlight {
			text-align: center;
			background: #f4f4f4;
			padding: 1em;
		}

		&.center {
			text-align: center;
		}

		.toggle-view-button {
			text-align: center;
			font-size: 0.8em;

			button {
				border: 0;
			}

			&.is-not-open {
				margin-bottom: -1em;
			}

			&.is-open {
				margin-bottom: 1.2em;
			}
		}
	}

	input {
		@include text-input();

		vertical-align: top;

		&[type='number'] {
			width: 5.8em;
		}
	}

	h2 {
		font-size: 1em;
	}

	select {
		@include select-input();

		vertical-align: top;
		font-size: 0.8em;
		margin-top: 0.2em;
	}

	.options {
		text-align: center;
		margin-top: 1em;
	}

	.obojobo-draft--components--slider {
		display: block;
		height: 1.8em;

		> label {
			padding-right: 0;
		}

		> span {
			display: inline-block;
			padding-right: 0.5em;
			width: 7em;
			vertical-align: middle;
			height: 1.8em;
			padding-top: 0.9em;
			line-height: 0;
		}
	}

	.obojobo-draft--components--slider > span:first-child {
		width: 7em;
	}
}