forked from open-policy-agent/opa
/
docs.sass
131 lines (100 loc) · 2 KB
/
docs.sass
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
$panel-header-logo-width: 85%
=flex
display: flex
=row
+flex
flex-direction: row
=column
+flex
flex-direction: column
.dashboard
+row
position: relative
overflow: hidden
height: 100vh
.is-scrollable
overflow-y: auto
&-main
flex: 1
&-panel
+column
flex: 0 0 20%
&-header
margin-bottom: 1.5rem
&-logo
width: $panel-header-logo-width
margin: 0.5rem auto 0.5rem auto
&-content
+desktop
margin: 0 2rem
padding-bottom: 2rem
+touch
margin: 0 1rem
.integration-index
+flex
+row
flex-wrap: wrap
justify-content: left
padding-left: 1rem
padding-top: 1rem
.ecosystem-navbar
padding-top: 0.5rem
padding-right: 4rem
padding-left: 1rem
min-width: 100%
.ecosystem-container
display: block
width: 100%
.integration-item
+flex
flex: 0 0 10%
margin: 1rem
min-width: 220px
.integration-item:hover
cursor: pointer
.integration-item .image
padding: 10px
height: 150px
.integration-item .image img
width: 100%
height: 100%
object-fit: contain
.integration-details
margin: 1rem
border-radius: 100px
.integration-details ul > li
margin-left: 10px
.integration-details ul
list-style: black
.integration-details-labels
margin-top: 0
margin-bottom: 1rem
padding: 5px
.integration-label-wrapper
padding-top: 4px
padding-bottom: 4px
display: inline-block
.integration-label
border-radius: 1000px
padding: 4px 10px
color: black
background-color: #aaaaaa
.integration-label-layer
background-color: #7d9199
.integration-label-category
background-color: #009900
.integration-label-software
background-color: #9acd32
.integration-logo
height: 200px
border: 1px
// Work around for bulma css weird jumbo sized default margin-bottom
.title:not(:last-child)
margin-bottom: 0.2rem
.opa-keep-it-together
white-space: nowrap
.dropdown-menu .dropdown-content
max-height: 55vh
overflow-y: auto
.highlight
margin-bottom: 1.5rem // matches what live-blocks does