Add SASS preprocessing

This commit is contained in:
Sascha Ißbrücker
2019-06-29 14:03:29 +02:00
parent 10b1570a64
commit 5fad8b798d
9 changed files with 139 additions and 9 deletions

View File

@@ -0,0 +1 @@
@import "../../node_modules/spectre.css/src/spectre";

View File

@@ -4,12 +4,14 @@
{% block content %}
<div>
<h2>Bookmarks</h2>
<a href="{% url 'bookmarks:new' %}">Add</a>
<a href="{% url 'bookmarks:new' %}" class="btn btn-primary">Add</a>
</div>
<div>
<form method="get">
<input type="search" name="q" placeholder="Search..." value="{{ query }}">
<input type="submit" value="Search">
<div class="input-group">
<input type="search" name="q" placeholder="Search..." value="{{ query }}">
<input type="submit" value="Search" class="btn input-group-btn">
</div>
</form>
</div>
<ul class="bookmark-list">

View File

@@ -1,8 +1,13 @@
{% load static %}
{% load sass_tags %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>linkdings</title>
{# Include SASS styles, files are resolved from bookmarks/styles #}
<link href="{% sass_src 'base.scss' %}" rel="stylesheet" type="text/css" />
</head>
<body>
<header>