diff --git a/core b/core index e25035f..acd6238 160000 --- a/core +++ b/core @@ -1 +1 @@ -Subproject commit e25035fd12f6eb632842eee640c713613cb7a39f +Subproject commit acd62386fda8fadb1a39ab7e0391bf783015c1f6 diff --git a/docs/sass/carbon.scss b/docs/sass/carbon.scss new file mode 100644 index 0000000..63977f2 --- /dev/null +++ b/docs/sass/carbon.scss @@ -0,0 +1,66 @@ +#carbonads * { + margin: initial; + padding: initial; +} +#carbonads { + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, + Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, + sans-serif; +} +#carbonads { + display: flex; + max-width: 330px; + //background-color: hsl(0, 0%, 98%); + //box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1); + z-index: 100; +} +#carbonads a { + color: inherit; + text-decoration: none; +} +#carbonads a:hover { + color: inherit; +} +#carbonads span { + position: relative; + display: block; + overflow: hidden; +} +#carbonads .carbon-wrap { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 20px 10px; + text-align: center; +} +#carbonads .carbon-img { + display: block; + margin: 0; + line-height: 1; +} +#carbonads .carbon-img img { + display: block; +} +#carbonads .carbon-text { + font-size: 13px; + padding: 10px; + margin-bottom: 16px; + line-height: 1.5; + //text-align: left; +} +#carbonads .carbon-poweredby { + display: block; + padding: 6px 8px; + background: #f1f1f2; + text-align: center; + text-transform: uppercase; + letter-spacing: 0.5px; + font-weight: 600; + font-size: 8px; + line-height: 1; + border-top-left-radius: 3px; + position: absolute; + bottom: 0; + right: 0; +} \ No newline at end of file diff --git a/docs/sass/index.scss b/docs/sass/index.scss index a361e06..28db04f 100644 --- a/docs/sass/index.scss +++ b/docs/sass/index.scss @@ -40,6 +40,10 @@ display: none; } +.sidebar { + width: 215px; +} + @media screen and (max-width: 768px) { header { padding: 10px 30px; @@ -68,6 +72,8 @@ main { padding: 30px; + display: flex; + flex-direction: column; } .content { @@ -79,6 +85,11 @@ height: auto; } + .sidebar { + width: 215px; + margin: 2rem auto 0; + } + .explore-more, .demonstration-gif { display: none; } diff --git a/docs/templates/index.html b/docs/templates/index.html index 4e9bfbf..d0fcce2 100644 --- a/docs/templates/index.html +++ b/docs/templates/index.html @@ -25,6 +25,7 @@ content="{{ config.extra.meta_description }}"> + {% endblock head %} {% block hero %} @@ -89,6 +90,14 @@ {% endblock hero %} +{% block sidebar %} +
+{% endblock %} + {% block footer %} diff --git a/docs/templates/update.html b/docs/templates/update.html index 92ed145..cc6b3b7 100644 --- a/docs/templates/update.html +++ b/docs/templates/update.html @@ -1,6 +1,7 @@ {% extends "juice/templates/page.html" %} {% block head %} + {% endblock head %} {% block content %}