Skip to content
Snippets Groups Projects
Commit 41cc13d2 authored by Bull, Liam C (UG - Comp Sci & Elec Eng)'s avatar Bull, Liam C (UG - Comp Sci & Elec Eng)
Browse files

Added basic scss

parent 4894a329
No related branches found
No related tags found
No related merge requests found
No preview for this file type
...@@ -32,6 +32,7 @@ ALLOWED_HOSTS = [] ...@@ -32,6 +32,7 @@ ALLOWED_HOSTS = []
INSTALLED_APPS = [ INSTALLED_APPS = [
'homeapp.apps.HomeappConfig', 'homeapp.apps.HomeappConfig',
'sass_processor',
'django.contrib.admin', 'django.contrib.admin',
'django.contrib.auth', 'django.contrib.auth',
'django.contrib.contenttypes', 'django.contrib.contenttypes',
...@@ -122,3 +123,12 @@ STATIC_URL = 'static/' ...@@ -122,3 +123,12 @@ STATIC_URL = 'static/'
# https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField' DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
STATIC_ROOT = BASE_DIR / 'static'
SASS_PROCESSOR_ROOT = STATIC_ROOT
STATICFILES_FINDERS = [
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
'sass_processor.finders.CssFinder',
]
\ No newline at end of file
body {
font-family: "Lucida Grande", monospace;
background-color: #191414;
margin: 10px;
padding: 10px; }
h1 {
text-transform: uppercase;
color: white; }
p {
color: white; }
/*# sourceMappingURL=base.css.map */
\ No newline at end of file
{
"version": 3,
"file": "base.css",
"sources": [
"base.scss"
],
"names": [],
"mappings": "AAEA,AAAA,IAAI,CAAC;EACJ,WAAW,EAHL,eAAe,EAAE,SAAS;EAIhC,gBAAgB,EAHT,OAAO;EAId,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI,GACb;;AACD,AAAA,EAAE,CAAC;EACF,cAAc,EAAE,SAAS;EACzB,KAAK,EAAE,KAAK,GACZ;;AACD,AAAA,CAAC,CAAC;EACE,KAAK,EAAE,KAAK,GACf"
}
\ No newline at end of file
$font: 'Lucida Grande', monospace;
$color: #191414;
body {
font-family: $font;
background-color: $color;
margin: 10px;
padding: 10px;
}
h1 {
text-transform: uppercase;
color: white;
}
p {
color: white;
}
\ No newline at end of file
{% load static %} {% load static %}
{% load sass_tags %}
<!DOCTYPE html> <!DOCTYPE html>
...@@ -13,15 +14,14 @@ ...@@ -13,15 +14,14 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href={% sass_src 'css/base.scss' %}/>
</head> </head>
<body> <body>
{% block header %} {% block header %}
<p>Header</p> <p>Header</p>
{% endblock header %} {% endblock header %}
{% block content %} {% block content %}
{% endblock content %} {% endblock content %}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment