Separate css styles

This commit is contained in:
2020-06-21 03:35:07 -05:00
parent ae7bb9c388
commit f7ae750341
2 changed files with 96 additions and 97 deletions

95
css/style.css Normal file
View File

@@ -0,0 +1,95 @@
::selection {
background: #c4e4ff;
}
.pagination {
margin-top: 3rem;
text-align: center;
}
.page-number {
margin: 0 1rem;
font-weigth: semibold;
}
.newer-posts, .older-posts {
color: #718096;
}
.post pre {
background-color: #0f0f0f;
margin: 1rem 0;
color: #e5eff5;
padding: 1rem 1.5rem;
font-size: .85rem;
overflow-x: auto;
border-radius: 5px;
}
strong {
font-weight: bold;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
font-weight: bold;
margin: .5rem 0 .75rem 0;
color: #0f0f0f;
}
.post h1 {
font-size: 2rem;
}
.post h2 {
font-size: 1.5rem;
}
.post h3 {
font-size: 1.25rem;
}
.post a {
color: #68b7e4;
}
.post p {
margin-bottom: 2rem;
}
.post p code {
background-color: #d0edff;
}
.post ol,
.post ul {
margin-bottom: 2rem;
}
.post li {
margin-bottom: .75rem;
}
.post li:before {
content: "-";
margin-right: .75rem;
}
.post blockquote {
margin-bottom: 2rem;
border-left: 3px solid #43baff;
padding: .25rem 0 .25rem 1rem;
font-style: italic;
}
.post img, figure {
margin-bottom: 2rem;
}
.post figcaption {
text-align: center;
font-size: .9rem;
}

View File

@@ -6,103 +6,7 @@
<title>{{meta_title}}</title> <title>{{meta_title}}</title>
<script src="https://kit.fontawesome.com/5e1f5a95a3.js" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/5e1f5a95a3.js" crossorigin="anonymous"></script>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<style> <link rel="stylesheet" href="{{asset 'css/style.css'}}" type="text/css">
::selection {
background: #c4e4ff;
}
.pagination {
margin-top: 3rem;
text-align: center;
}
.page-number {
margin: 0 1rem;
font-weigth: semibold;
}
.newer-posts, .older-posts {
color: #718096;
}
.post pre {
background-color: #0f0f0f;
margin: 1rem 0;
color: #e5eff5;
padding: 1rem 1.5rem;
font-size: .85rem;
overflow-x: auto;
border-radius: 5px;
}
strong {
font-weight: bold;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
font-weight: bold;
margin: .5rem 0 .75rem 0;
color: #0f0f0f;
}
.post h1 {
font-size: 2rem;
}
.post h2 {
font-size: 1.5rem;
}
.post h3 {
font-size: 1.25rem;
}
.post a {
color: #68b7e4;
}
.post p {
margin-bottom: 2rem;
}
.post p code {
background-color: #d0edff;
}
.post ol,
.post ul {
margin-bottom: 2rem;
}
.post li {
margin-bottom: .75rem;
}
.post li:before {
content: "-";
margin-right: .75rem;
}
.post blockquote {
margin-bottom: 2rem;
border-left: 3px solid #43baff;
padding: .25rem 0 .25rem 1rem;
font-style: italic;
}
.post img, figure {
margin-bottom: 2rem;
}
.post figcaption {
text-align: center;
font-size: .9rem;
}
</style>
{{ghost_head}} {{ghost_head}}
</head> </head>
<body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-5/12 mx-auto"> <body class="font-sans w-11/12 md:w-7/12 lg:w-6/12 xl:w-5/12 mx-auto">