gent_styleguide 5.1.1 → 5.1.2

package/build/css/fractal.css

@@ -0,0 +1,122 @@
+@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,600,700&display=swap');
+body {
+    font-family: Montserrat, "Open Sans", sans-serif;
+    font-weight: 400;
+    color: #041c27;
+    font-size: 16px;
+}
+.Frame-panel--sidebar {
+    background-color: transparent;
+}
+
+.Pen {
+    height: unset;
+}
+
+.Pen .Browser {
+    position: relative;
+}
+
+[dir="ltr"] .Frame-panel--sidebar {
+    border: 0;
+}
+
+.Prose.notes {
+    max-width: 66rem;
+}
+
+.Prose h1,
+.Prose h2,
+.prose h3,
+.prose h4 {
+    color: #041c27;
+}
+.Prose h1 {
+    font-size: 2.8rem;
+}
+.Prose h2+h3 {
+    margin-top: 1.25em;
+}
+.Prose li {
+    margin-bottom: .5em;
+}
+.Header {
+    min-height: 60px;
+    background-color: #005C86;
+}
+.Frame-body {
+    height: calc(100% - 60px);
+}
+.Tree-title {
+    font-size: 1rem;
+}
+.Tree-title,
+.Tree-collectionLabel,
+.Tree-collectionLabel > span::before {
+    color: #444;
+}
+.Tree-depth-2 {
+    padding-left: 1rem;
+}
+.Tree-depth-2:last-of-type {
+    margin-bottom: 2rem;
+}
+.Browser-panel h1 {
+    font-size: 2.2rem;
+}
+#version {
+    position: relative;
+}
+#version-toggle {
+    padding: .75rem 1rem;
+    font-size: 1.125rem;
+    line-height: 1.33333;
+    color: inherit;
+}
+#version-toggle:after {
+    content: '';
+    display: inline-block;
+    width: .6rem;
+    height: .6rem;
+    margin-left: .8rem;
+    margin-bottom: .2rem;
+    transform: rotate(45deg);
+    transform: rotate(45deg);
+    border-bottom: 2px solid #FFFFFF;
+    border-right: 2px solid #FFFFFF;
+}
+#version-list {
+    position: absolute;
+    width: 100%;
+    padding: .75rem 1rem;
+    background-color: #FFFFFF;
+    border: 1px solid rgba(83,83,99,.25);
+    box-shadow: 0 0 .5rem rgba(0,0,0,.2);
+}
+#version-list[aria-hidden=true] {
+    display: none;
+}
+
+#version-list li {
+    padding: .5rem 0;
+}
+#version-list li a {
+    color: #005C86;
+    padding-top: .5rem;
+    padding-bottom: .2rem;
+    text-decoration: none;
+    border-bottom: 1px solid #005C86;
+    transition: border-bottom-color .1s ease-in;
+}
+#version-list li a:hover,
+#version-list li a:focus {
+    border-bottom-color: transparent;
+}
+
+.Browser-tab.is-active a {
+    border-bottom-color: #005C86;
+}
+.Browser-notes {
+    background: none;
+    padding-top: 2rem;
+}