aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/less/all.less
diff options
context:
space:
mode:
authorFabio Berger <me@fabioberger.com>2017-11-22 04:03:08 +0800
committerFabio Berger <me@fabioberger.com>2017-11-22 04:03:08 +0800
commit3660ba28d73d70d08bf14c33ef680e5ef3ec7f3b (patch)
treef101656799da807489253e17bea7abfaea90b62d /packages/website/less/all.less
parent037f466e1f80f635b48f3235258402e2ce75fb7b (diff)
downloaddexon-0x-contracts-3660ba28d73d70d08bf14c33ef680e5ef3ec7f3b.tar.gz
dexon-0x-contracts-3660ba28d73d70d08bf14c33ef680e5ef3ec7f3b.tar.zst
dexon-0x-contracts-3660ba28d73d70d08bf14c33ef680e5ef3ec7f3b.zip
Add website to mono repo, update packages to align with existing sub-packages, use new subscribeAsync 0x.js method
Diffstat (limited to 'packages/website/less/all.less')
-rw-r--r--packages/website/less/all.less136
1 files changed, 136 insertions, 0 deletions
diff --git a/packages/website/less/all.less b/packages/website/less/all.less
new file mode 100644
index 000000000..5212df959
--- /dev/null
+++ b/packages/website/less/all.less
@@ -0,0 +1,136 @@
+body {
+ font-family: 'Roboto';
+}
+
+.robotoMono {
+ font-family: 'Roboto Mono';
+}
+
+a {
+ color: black;
+}
+
+#faq {
+ li {
+ padding-bottom: 5px;
+ }
+
+ a {
+ color: rgb(66, 66, 66);
+ }
+}
+
+#landing {
+ .h1, .h2, .h3, .h4 {
+ font-family: 'Roboto Mono';
+ }
+}
+
+
+#portal {
+ h1, h2, h3, h4 {
+ font-weight: 100;
+ }
+}
+
+#documentation {
+ p {
+ line-height: 1.5;
+ }
+
+ .comment {
+ p {
+ margin: 0px;
+ }
+ }
+
+ .typeTooltip {
+ border: 1px solid lightgray;
+ opacity: 1;
+ }
+}
+
+/*
+ * Adds always visible scrollbars on OSX so that user knows the content is scrollable
+ * Source: https://davidwalsh.name/osx-overflow
+ */
+::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: 7px;
+}
+::-webkit-scrollbar-thumb {
+ border-radius: 4px;
+ background-color: rgba(0, 0, 0, .5);
+ -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+}
+
+// Hack: For some reason the animation applied to the material-ui textfield causes the overflow
+// applied to other elements to fail while the animation is underway. Adding this class to the
+// affected component fixes the issue
+// Source: http://stackoverflow.com/questions/14383632/webkit-border-radius-and-overflow-bug-when-using-any-animation-transition
+.transitionFix {
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+}
+
+.thin {
+ font-weight: 100;
+}
+
+code {
+ font-family: 'Roboto';
+ background-color: #f3f4f4;
+ color: rgb(36, 41, 46);
+ padding: 3px;
+
+ &.hljs {
+ background-color: #dde4e9 !important; // blue gray
+ border-left: 5px solid #0091EA !important; // colors.lightBlueA700
+ padding: 30px;
+ }
+}
+
+#wiki {
+ p, blockquote, ul, ol, dl, li, table, pre {
+ margin: 15px 0;
+ }
+
+ ol, ul {
+ padding-bottom: 20px;
+ }
+
+ table {
+ padding: 0;
+ border-collapse: collapse;
+ }
+ table tr {
+ border-top: 1px solid #cccccc;
+ background-color: white;
+ margin: 0;
+ padding: 0;
+ }
+ table tr:nth-child(2n) {
+ background-color: #f8f8f8;
+ }
+ table tr th {
+ font-weight: bold;
+ border: 1px solid #cccccc;
+ text-align: left;
+ margin: 0;
+ padding: 6px 13px;
+ }
+ table tr td {
+ border: 1px solid #cccccc;
+ text-align: left;
+ margin: 0;
+ padding: 6px 13px;
+ }
+ table tr th :first-child, table tr td :first-child {
+ margin-top: 0;
+ }
+ table tr th :last-child, table tr td :last-child {
+ margin-bottom: 0;
+ }
+}