joeni | Gitar

Prepare repo and workflow for SCSS integration

runserver.sh takes care of processing the SCSS files, after which the development server is booted. .gitignore has been updated to ignore CSS files from now on, as they're processed source files, not what we need to work with.

Author: Maarten 'Vngngdn' Vangeneugden
Date: April 11, 2018, 4:38 p.m.
Hash: 80289b406b37ad626f875cc4caf163ad2d72738f
Parent: 56eb93dad8d6d31a2bf667cf2960a4cbc080c858
Modified files: .gitignore; runserver.sh; static/css/post.scss

.gitignore ¶

3 additions and 1 deletion.

View changes Hide changes

__pycache__/
# Compiled translation files
*.mo
# Other types of compiled Python files
*.py[cod]
*$py.class
# Django specific files
*.log


# can be ignored
*.css
*.css

runserver.sh ¶

5 additions and 0 deletions.

View changes Hide changes

+	1	# This script automates the process during DEVELOPMENT of Joeni; it processes
+	2	# the SCSS files, and boots the server. Requires sassc to be installed.
+	3	sassc static/css/stylesheet.scss static/css/stylesheet.css
+	4	python manage.py --runserver
+	5

static/css/post.scss ¶

10 additions and 18 deletions.

View changes Hide changes


  position: relative;
  top: 0;
  width: 100%;
  background-color: #E73B2B;
  margin-top: -8px;
  margin-left: -8px; }

label[for|=respond] {
    -webkit-appearance: push-button;
    -moz-appearance: button;
    display: inline-block;
    margin: 60px 0 10px 0; // See if something else is available than px
    cursor: pointer;
}

/* Default State */
input[type=checkbox id|=respond] ~ form {
    display: none;
}

/* Toggled State */
input[type=checkbox id|=respond] ~ form {
    display: inline;
}

  display: inline;
  float: right; }


1	1	__pycache__/
2	2	# Compiled translation files
3	3	*.mo
4	4	# Other types of compiled Python files
5	5	*.py[cod]
6	6	*$py.class
7	7	# Django specific files
8	8	*.log
9	9
10	-
+	10	# can be ignored
+	11	*.css
+	12	*.css

1	-
+	1	position: relative;
+	2	top: 0;
+	3	width: 100%;
+	4	background-color: #E73B2B;
+	5	margin-top: -8px;
+	6	margin-left: -8px; }
+	7
2	8	label[for\|=respond] {
3	-	-webkit-appearance: push-button;
4	-	-moz-appearance: button;
5	-	display: inline-block;
6	-	margin: 60px 0 10px 0; // See if something else is available than px
7	-	cursor: pointer;
8	-	}
9	-
10	-	/* Default State */
11	-	input[type=checkbox id\|=respond] ~ form {
12	-	display: none;
13	-	}
14	-
15	-	/* Toggled State */
16	-	input[type=checkbox id\|=respond] ~ form {
17	-	display: inline;
18	-	}
19	-
+	9	display: inline;
+	10	float: right; }
+	11