diff options
| author | A Farzat <a@farzat.xyz> | 2024-11-21 22:30:36 +0900 |
|---|---|---|
| committer | A Farzat <a@farzat.xyz> | 2024-11-21 22:30:36 +0900 |
| commit | c8b6114a908a5e42ffa19a93236cc7133aec685e (patch) | |
| tree | 60599d0bd35e0f3d2cbde3d34062d9d75b20a949 | |
| parent | 17478f87e5aa333f40ab70447bb11554a0c64ad6 (diff) | |
| download | farzat.xyz-c8b6114a908a5e42ffa19a93236cc7133aec685e.tar.gz farzat.xyz-c8b6114a908a5e42ffa19a93236cc7133aec685e.zip | |
Remove main__container
Didn't seem necessary for now.
Also cleaned up a little.
| -rw-r--r-- | sass/_main.scss | 4 | ||||
| -rw-r--r-- | sass/_variables.scss | 2 | ||||
| -rw-r--r-- | sass/style.scss | 2 | ||||
| -rw-r--r-- | templates/base.html | 6 |
4 files changed, 6 insertions, 8 deletions
diff --git a/sass/_main.scss b/sass/_main.scss index 518e28d..26903f0 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -1,9 +1,7 @@ .main { max-width: 1200*$px; margin: 0 auto; - &__container { - padding: 20*$px; - } + padding: 20*$px; } .hero { display: flex; diff --git a/sass/_variables.scss b/sass/_variables.scss index 7812349..957f630 100644 --- a/sass/_variables.scss +++ b/sass/_variables.scss @@ -1,5 +1,7 @@ @use "sass:math"; $px: math.div(1rem, 16); +// Fonts +$fonts-sans-serif: Helvetica, Arial, sans-serif; // Colours $color-primary-light: hsl(120 50% 90%); $color-secondary-light: darken($color-primary-light, 80%); diff --git a/sass/style.scss b/sass/style.scss index 5feebc0..e9938ec 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -24,7 +24,7 @@ html { body { background-color: var(--color-background); color: var(--color-text); - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + font-family: $fonts-sans-serif; font-weight: normal; padding: 0; margin: 0; diff --git a/templates/base.html b/templates/base.html index 056e259..2506540 100644 --- a/templates/base.html +++ b/templates/base.html @@ -5,7 +5,7 @@ <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="/style.css"> <title>{% block title %} Farzat's website {% endblock %}</title> - <script defer src="/js/dark_theme.js"></script> + <!-- <script defer src="/js/dark_theme.js"></script> --> <link rel="icon" type="image/x-icon" href="/img/svgo/kaaba.svg"> </head> <body> @@ -18,9 +18,7 @@ </a> </header> <section class="main"> - <div class="main__container"> - {% block content %} {% endblock %} - </div> + {% block content %} {% endblock %} </section> </body> </html> |