create first-letter class to make first letter of article drop caps, and bigger
This commit is contained in:
parent
4af4d81932
commit
5cb48bfd4c
5 changed files with 12 additions and 4 deletions
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "hello-world"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
It's kind of getting old, I know.
|
||||
<span class="first-letter">I</span>t's kind of getting old, I know.
|
||||
|
||||
A new blog... *again?* What's this all about?
|
||||
|
||||
|
|
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "who-we-are"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
First things first.
|
||||
<span class="first-letter">F</span>irst things first.
|
||||
|
||||
Before I write any blog at all, I want to take this time to talk about YOU GUYS! --the people for whom I will be writing and the shared purpose we are going to have here in Full Hacker.
|
||||
|
||||
|
|
|
@ -7,7 +7,7 @@ image: "git-github"
|
|||
image-attrib: "Photo stock by Tim Gouw from Pexel."
|
||||
---
|
||||
|
||||
If you ask me for something that would greatly jumpstart your growth as a developer, I would place my bet on learning Git and exploring projects on [Github](https://github.com/explore).
|
||||
<span class="first-letter">I</span>f you ask me for something that would greatly jumpstart your growth as a developer, I would place my bet on learning Git and exploring projects on [Github](https://github.com/explore).
|
||||
|
||||
I say this because to be better in writing code, you must first read and use lots and lots of code by more experienced developers... and a good place to start with this is Github.
|
||||
<!--more-->
|
||||
|
|
|
@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
Whenever I get a new Ubuntu machine I intend to use for development, I go through so many articles around the Web just so I can install everything I need. This is because I work on several projects using different technologies.
|
||||
<span class="first-letter">W</span>henever I get a new Ubuntu machine I intend to use for development, I go through so many articles around the Web just so I can install everything I need. This is because I work on several projects using different technologies.
|
||||
|
||||
So I decided to write this article for quickly setting up all I need on a new Ubuntu. Following these steps will enable you to quickly setup Node.js, Python, and Ruby (for Jekyll). <!--more-->
|
||||
|
||||
|
|
|
@ -328,6 +328,14 @@ nav#side-nav {
|
|||
background-color: #e4e2dd;
|
||||
}
|
||||
|
||||
.first-letter {
|
||||
font-size: 75px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
padding: 0px 8px 0 3px;
|
||||
color: #8A2BE2;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 0px) and (max-width: 350px) {
|
||||
div.subscription-message-div {
|
||||
display: none !important;
|
||||
|
|
Loading…
Reference in a new issue