Fixed css list bug (issue #14)

This commit is contained in:
Panos Sakkos 2015-10-07 20:28:31 +02:00
parent 1a74cab8dc
commit 9024728953
4 changed files with 5 additions and 30 deletions

View file

@ -8,7 +8,7 @@ tags: [ 'tutorial' ]
The contact part of the index page is consisted of two elements:
<ol class="personal-list">
<ol>
<li>Text</li>
<li>Your email address</li>
</ol>

View file

@ -28,7 +28,3 @@ So we have to create the tag pages before building and publishing the site.
For now, this has to be done manually, which practically means that you have to add a file under the tags directory, to represent the tag, similar to the existing tutorial.html file. I plan to write a script that will parse the posts, detect the tags and then auto-generate the tag pages.
Tracked by <a href="https://github.com/PanosSakkos/personal-jekyll-theme/issues/2" target="_blank">issue #2</a>
</small>
<small>
Note: If you want to use a list in your posts, consider assigning the class *personal-list*, in order to make the list items render in the center. Tracked by <a href="https://github.com/PanosSakkos/personal-jekyll-theme/issues/14" target="_blank">issue #14</a>
</small>

View file

@ -8,8 +8,8 @@ tags: [ 'tutorial' ]
The intro part of the index page is consisted of three elements:
<ol class="personal-list">
<li>A black favicon</li>
<ol>
<li>A black favicon</li>
<li>Text</li>
<li>Background image</li>
<li>Your image</li>

View file

@ -66,7 +66,8 @@ a {
font-weight: 400;
}
.personal-list {
.ul,
ol {
text-align: center;
margin: 0 0 35px;
font-size: 20px;
@ -292,28 +293,6 @@ a {
}
}
.btn {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-default {
border: 1px solid $primary;
color: $primary;
background-color: transparent;
&:hover,
&:focus {
border: 1px solid $primary;
outline: none;
color: $dark;
background-color: $primary;
}
}
ul.banner-social-buttons {
margin-top: 0;
}