Browse Source

feat: Minor css changes

master
Karan Sharma 8 months ago
parent
commit
b0967efc32
  1. 1
      README.md
  2. 1
      static/css/blog.css
  3. 2
      static/css/typography.css
  4. 2
      static/css/variables.css
  5. 3
      templates/base.html

1
README.md

@ -7,6 +7,5 @@ Visit at [mrkaran.dev](https://mrkaran.dev)
- Framework: [Zola](https://www.getzola.org/)
- Theme:
- Ported [hugo-ink](https://github.com/knadh/hugo-ink) with some custom stylings for `zola`.
- Self hosted Fonts using [google-webfonts-helper](https://google-webfonts-helper.herokuapp.com/).
- Deployment: [Netlify](https://www.netlify.com/)
- Analytics: Privacy focussed self hosted [Shynet](https://github.com/milesmcc/shynet/)

1
static/css/blog.css

@ -19,6 +19,7 @@
}
.post-header .meta .date .day {
font-family: "Playfair Display", serif;
font-weight: 700;
line-height: 0.45em;
font-size: 3em;

2
static/css/typography.css

@ -4,9 +4,11 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-headings);
line-height: 1.3em;
margin: 30px 0 20px 0;
font-weight: bold;
color: var(--heading-color);
}
h1 {

2
static/css/variables.css

@ -1,6 +1,7 @@
:root {
--primary: #f8481c;
--red: red;
--heading-color: #411b33;
--text-color: #411b33;
--bg-color: rgb(253, 246, 227);
--black: #212529;
@ -11,5 +12,6 @@
--lighter-gray: #f6f6f6;
--font-base: 'Inter', sans-serif;
--font-monospace: menlo, monaco, lucida console, liberation mono, dejavu sans mono, bitstream vera sans mono, courier new, monospace, serif;
--font-headings: 'Inter', sans-serif;
--boder-radius: 0.2rem;
}

3
templates/base.html

@ -19,7 +19,8 @@
{% endblock %}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected];700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:[email protected];700&family=Playfair+Display:[email protected]&display=swap" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:[email protected];700&display=swap" rel="stylesheet"> -->
<link rel="stylesheet" href="{{ get_url(path="css/base.css", trailing_slash=false) | safe }}">
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.28.0/feather.min.js"

Loading…
Cancel
Save