* Callouts
*/
.callout {
- border-left: 3px solid #BBB;
+ border-inline-start: 3px solid #BBB;
background-color: #EEE;
padding: $-s $-s $-s $-xl;
display: block;
background-color: #EEE;
}
.svg-icon {
- margin-right: 0px;
+ margin-inline-end: 0px;
}
}
> div .outline input {
.content-wrap.card {
padding: $-m $-xxl;
- margin-left: auto;
- margin-right: auto;
+ margin-inline-start: auto;
+ margin-inline-end: auto;
margin-bottom: $-xl;
overflow: initial;
min-height: 60vh;
.tag-item {
display: inline-flex;
margin-bottom: $-xs;
- margin-right: $-xs;
+ margin-inline-end: $-xs;
border-radius: 4px;
border: 1px solid #CCC;
overflow: hidden;
fill: #888;
}
.tag-value {
- border-left: 1px solid #DDD;
+ border-inline-start: 1px solid #DDD;
background-color: rgba(255, 255, 255, 0.5);
}
}
.tag-list div:last-child .tag-item {
margin-bottom: 0;
+}
+
+/**
+ * API Docs
+ */
+.api-method {
+ font-size: 0.75rem;
+ background-color: #888;
+ padding: $-xs;
+ line-height: 1.3;
+ opacity: 0.7;
+ vertical-align: top;
+ border-radius: 3px;
+ color: #FFF;
+ display: inline-block;
+ min-width: 60px;
+ text-align: center;
+ font-weight: bold;
+ &[data-method="GET"] { background-color: #077b70 }
+ &[data-method="POST"] { background-color: #cf4d03 }
+ &[data-method="PUT"] { background-color: #0288D1 }
+ &[data-method="DELETE"] { background-color: #ab0f0e }
+}
+
+.sticky-sidebar {
+ position: sticky;
+ top: $-m;
}
\ No newline at end of file