Browse Source

wrapping up

sidebar-styles
eupiteco 6 years ago
parent
commit
8d6791ef58
  1. 2
      _includes/scripts.html
  2. 2
      _site/404.html
  3. 2
      _site/assets/styles/components.scss
  4. 21
      _site/assets/styles/layout.scss
  5. 15
      _site/assets/styles/main.css
  6. 2
      _site/assets/styles/vars.scss
  7. 2
      _site/components/index.html
  8. 2
      _site/copywriting/index.html
  9. 2
      _site/feed.xml
  10. 2
      _site/getting-started/index.html
  11. 2
      _site/index.html
  12. 2
      _site/jekyll/update/2018/05/06/welcome-to-jekyll.html
  13. 2
      _site/visuals/index.html
  14. 2
      assets/styles/components.scss
  15. 21
      assets/styles/layout.scss
  16. 1
      assets/styles/main.scss
  17. 2
      assets/styles/vars.scss

2
_includes/scripts.html

@ -3,4 +3,4 @@
<script src="{{'/assets/javascript/popper.min.js' | prepend: site.baseurl}}"></script> <script src="{{'/assets/javascript/popper.min.js' | prepend: site.baseurl}}"></script>
<script src="{{'/assets/javascript/bootstrap.min.js' | prepend: site.baseurl}}"></script> <script src="{{'/assets/javascript/bootstrap.min.js' | prepend: site.baseurl}}"></script>
<!-- <script src="{{'/assets/javascript/run_prettify.js' | prepend: site.baseurl}}"></script> /* --> <!-- <script src="{{'/assets/javascript/run_prettify.js' | prepend: site.baseurl}}"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="{{'/assets/javascript/index.js' | prepend: site.baseurl}}"></script>

2
_site/404.html

@ -67,7 +67,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>
</html> </html>

2
_site/assets/styles/components.scss

@ -44,7 +44,7 @@
} }
.rb-code { .rb-code {
font-family: 'Source Code', monospace !important; font-family: 'Source Code Pro', monospace !important;
} }
.rb-isBold { .rb-isBold {

21
_site/assets/styles/layout.scss

@ -24,14 +24,9 @@
background-color: transparent; background-color: transparent;
border: 0; border: 0;
border-radius: 0 !important; border-radius: 0 !important;
font-size: 0.95rem; font-size: 1.1rem;
// border-color: $oc-gray-4; font-weight: 600 !important;
} padding-left: 1.1rem !important;
& .list-group-item{
border-radius: 0 !important;
font-weight: normal !important;
padding-left: 0.95rem !important;
// border-color: $oc-gray-4; // border-color: $oc-gray-4;
} }
} }
@ -39,7 +34,7 @@
.rb-sidebar__2 { .rb-sidebar__2 {
& .list-group-item { & .list-group-item {
color: $oc-gray-2 !important; color: $oc-white !important;
} }
} }
.sidebar-wrapper { .sidebar-wrapper {
@ -72,8 +67,8 @@
} }
.rb-sidebar__2 .active { .rb-sidebar__2 .active {
box-shadow: inset 5px 0 $primary; box-shadow: inset 5px 0 $oc-white;
color: $oc-gray-2 !important; color: $oc-white !important;
} }
.rp-navbar__top { .rp-navbar__top {
@ -104,7 +99,7 @@
} }
.rb-sidebar__2 { .rb-sidebar__2 {
background-color: $oc-white; background-color: $oc-gray-1;
} }
.rb-contain { .rb-contain {
@ -156,7 +151,7 @@
.rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { .rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover {
// background-color: $oc-gray-1 !important; // background-color: $oc-gray-1 !important;
box-shadow: inset 5px 0 $primary; box-shadow: inset 5px 0 $oc-white;
} }
.sidebar .list-group-item { .sidebar .list-group-item {
width: 74.6%; width: 74.6%;

15
_site/assets/styles/main.css

@ -4,10 +4,9 @@
.sidebar { min-height: 100vh; height: 100%; width: 100%; } .sidebar { min-height: 100vh; height: 100%; width: 100%; }
.sidebar .list-group { position: fixed; } .sidebar .list-group { position: fixed; }
.sidebar .list-group-item { background-color: transparent; border: 0; border-radius: 0 !important; font-size: 0.95rem; } .sidebar .list-group-item { background-color: transparent; border: 0; border-radius: 0 !important; font-size: 1.1rem; font-weight: 600 !important; padding-left: 1.1rem !important; }
.sidebar .list-group-item { border-radius: 0 !important; font-weight: normal !important; padding-left: 0.95rem !important; }
.rb-sidebar__2 .list-group-item { color: #181818 !important; } .rb-sidebar__2 .list-group-item { color: #ffffff !important; }
.sidebar-wrapper { background-color: #adb5bd; } .sidebar-wrapper { background-color: #adb5bd; }
@ -18,7 +17,7 @@
.active { background-color: transparent !important; box-shadow: inset 5px 0 #ffffff; color: #60AB60 !important; font-weight: bold; } .active { background-color: transparent !important; box-shadow: inset 5px 0 #ffffff; color: #60AB60 !important; font-weight: bold; }
.active * { color: #ffffff !important; } .active * { color: #ffffff !important; }
.rb-sidebar__2 .active { box-shadow: inset 5px 0 #4661A9; color: #181818 !important; } .rb-sidebar__2 .active { box-shadow: inset 5px 0 #ffffff; color: #ffffff !important; }
.rp-navbar__top { background-color: #ffffff; } .rp-navbar__top { background-color: #ffffff; }
@ -31,7 +30,7 @@
.rb-sidebar__1 { background-color: #4661A9; } .rb-sidebar__1 { background-color: #4661A9; }
.rb-sidebar__2 { background-color: #ffffff; } .rb-sidebar__2 { background-color: #adb5bd; }
.rb-contain { width: 100%; height: auto; max-height: 100%; } .rb-contain { width: 100%; height: auto; max-height: 100%; }
@ -52,7 +51,7 @@
.list-group-item:focus, .list-group-item:hover { box-shadow: inset 5px 0 #ffffff; } .list-group-item:focus, .list-group-item:hover { box-shadow: inset 5px 0 #ffffff; }
.rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { box-shadow: inset 5px 0 #4661A9; } .rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { box-shadow: inset 5px 0 #ffffff; }
.sidebar .list-group-item { width: 74.6%; } .sidebar .list-group-item { width: 74.6%; }
@ -101,7 +100,7 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
.color-gray-2 { color: #adb5bd; } .color-gray-2 { color: #adb5bd; }
.rb-code { font-family: 'Source Code', monospace !important; } .rb-code { font-family: 'Source Code Pro', monospace !important; }
.rb-isBold { font-weight: bold; } .rb-isBold { font-weight: bold; }
@ -157,6 +156,6 @@ h4.header-display::before { height: 2.25rem; transform: translate(-15px, 0.5625r
@media (max-width: 992px) { .display-md { display: none !important; } } @media (max-width: 992px) { .display-md { display: none !important; } }
.display-md { display: unset; } .display-md { display: unset; }
body { font-family: "Source Sans", sans-serif !important; } body { font-family: "Source Sans Pro", sans-serif !important; font-size: 1.2rem; }
a { text-decoration: none !important; } a { text-decoration: none !important; }

2
_site/assets/styles/vars.scss

@ -2,7 +2,7 @@ $primary: #4661A9;
$secondary: #60AB60; $secondary: #60AB60;
$warning: #FFC434; $warning: #FFC434;
$danger: #E15647; $danger: #E15647;
$font: 'Source Sans', sans-serif !important; $font: 'Source Sans Pro', sans-serif !important;
// Open color // Open color
// //

2
_site/components/index.html

@ -399,7 +399,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>
</html> </html>

2
_site/copywriting/index.html

@ -218,7 +218,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>
</html> </html>

2
_site/feed.xml

@ -1,4 +1,4 @@
<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.7.3">Jekyll</generator><link href="https://uracreative.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://uracreative.github.io/" rel="alternate" type="text/html" /><updated>2018-07-30T15:03:27-03:00</updated><id>https://uracreative.github.io/</id><title type="html">I2P Styleguide</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Reproducible Builds Styleguide</title><link href="https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Reproducible Builds Styleguide" /><published>2018-05-06T07:24:53-03:00</published><updated>2018-05-06T07:24:53-03:00</updated><id>https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll</id><content type="html" xml:base="https://uracreative.github.io/jekyll/update/2018/05/06/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt; <?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.7.3">Jekyll</generator><link href="http://localhost:4000/feed.xml" rel="self" type="application/atom+xml" /><link href="http://localhost:4000/" rel="alternate" type="text/html" /><updated>2018-07-30T15:30:31-03:00</updated><id>http://localhost:4000/</id><title type="html">I2P Styleguide</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">Reproducible Builds Styleguide</title><link href="http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll.html" rel="alternate" type="text/html" title="Reproducible Builds Styleguide" /><published>2018-05-06T07:24:53-03:00</published><updated>2018-05-06T07:24:53-03:00</updated><id>http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll</id><content type="html" xml:base="http://localhost:4000/jekyll/update/2018/05/06/welcome-to-jekyll.html">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run &lt;code class=&quot;highlighter-rouge&quot;&gt;jekyll serve&lt;/code&gt;, which launches a web server and auto-regenerates your site when a file is updated.&lt;/p&gt;
&lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt; &lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;

2
_site/getting-started/index.html

@ -154,7 +154,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>
</html> </html>

2
_site/index.html

@ -155,7 +155,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>

2
_site/jekyll/update/2018/05/06/welcome-to-jekyll.html

@ -74,7 +74,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</body> </body>
</html> </html>

2
_site/visuals/index.html

@ -490,7 +490,7 @@
<script src="/assets/javascript/popper.min.js"></script> <script src="/assets/javascript/popper.min.js"></script>
<script src="/assets/javascript/bootstrap.min.js"></script> <script src="/assets/javascript/bootstrap.min.js"></script>
<!-- <script src="/assets/javascript/run_prettify.js"></script> /* --> <!-- <script src="/assets/javascript/run_prettify.js"></script> /* -->
<script type="text/javascript" src="/securedrop-styleguide/assets/javascript/index.js"></script> <script type="text/javascript" src="/assets/javascript/index.js"></script>
</div> </div>
</div> </div>

2
assets/styles/components.scss

@ -44,7 +44,7 @@
} }
.rb-code { .rb-code {
font-family: 'Source Code', monospace !important; font-family: 'Source Code Pro', monospace !important;
} }
.rb-isBold { .rb-isBold {

21
assets/styles/layout.scss

@ -24,14 +24,9 @@
background-color: transparent; background-color: transparent;
border: 0; border: 0;
border-radius: 0 !important; border-radius: 0 !important;
font-size: 0.95rem; font-size: 1.1rem;
// border-color: $oc-gray-4; font-weight: 600 !important;
} padding-left: 1.1rem !important;
& .list-group-item{
border-radius: 0 !important;
font-weight: normal !important;
padding-left: 0.95rem !important;
// border-color: $oc-gray-4; // border-color: $oc-gray-4;
} }
} }
@ -39,7 +34,7 @@
.rb-sidebar__2 { .rb-sidebar__2 {
& .list-group-item { & .list-group-item {
color: $oc-gray-2 !important; color: $oc-white !important;
} }
} }
.sidebar-wrapper { .sidebar-wrapper {
@ -72,8 +67,8 @@
} }
.rb-sidebar__2 .active { .rb-sidebar__2 .active {
box-shadow: inset 5px 0 $primary; box-shadow: inset 5px 0 $oc-white;
color: $oc-gray-2 !important; color: $oc-white !important;
} }
.rp-navbar__top { .rp-navbar__top {
@ -104,7 +99,7 @@
} }
.rb-sidebar__2 { .rb-sidebar__2 {
background-color: $oc-white; background-color: $oc-gray-1;
} }
.rb-contain { .rb-contain {
@ -156,7 +151,7 @@
.rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover { .rb-sidebar__2 .list-group-item:focus, .rb-sidebar__2 .list-group-item:hover {
// background-color: $oc-gray-1 !important; // background-color: $oc-gray-1 !important;
box-shadow: inset 5px 0 $primary; box-shadow: inset 5px 0 $oc-white;
} }
.sidebar .list-group-item { .sidebar .list-group-item {
width: 74.6%; width: 74.6%;

1
assets/styles/main.scss

@ -11,6 +11,7 @@
body { body {
font-family: $font; font-family: $font;
font-size: 1.2rem;
} }
a { a {

2
assets/styles/vars.scss

@ -2,7 +2,7 @@ $primary: #4661A9;
$secondary: #60AB60; $secondary: #60AB60;
$warning: #FFC434; $warning: #FFC434;
$danger: #E15647; $danger: #E15647;
$font: 'Source Sans', sans-serif !important; $font: 'Source Sans Pro', sans-serif !important;
// Open color // Open color
// //

Loading…
Cancel
Save