Change the colorbox theme to use sass.

13 years ago · 12d9009e5e
9 changed files with 17 additions and 11 deletions
--- a/sigal/themes/Makefile
+++ b/sigal/themes/Makefile
@ -1,9 +1,16 @@
+COLORBOX_PATH=colorbox/static/css
 GALLERIA_PATH=galleria/static/css

-all: galleria
+all:
+	sass $(COLORBOX_PATH)/style.scss:$(COLORBOX_PATH)/style.min.css --style compressed
+	sass $(GALLERIA_PATH)/style.scss:$(GALLERIA_PATH)/style.min.css --style compressed
+
+colorbox:
+	sass --watch $(COLORBOX_PATH)/style.scss:$(COLORBOX_PATH)/style.min.css \
+	     --style compressed

 galleria:
 	sass --watch $(GALLERIA_PATH)/style.scss:$(GALLERIA_PATH)/style.min.css \
 	     --style compressed

-.PHONY: galleria
+.PHONY: colorbox galleria
--- a/sigal/themes/colorbox/Makefile
+++ b/sigal/themes/colorbox/Makefile
@ -1,3 +0,0 @@
-css:
-	cat static/css/{base.css,skeleton.css,colorbox.css,main.css} | \
-		cssmin > static/css/style.min.css
--- a/sigal/themes/colorbox/static/css/base.scss
+++ b/sigal/themes/colorbox/static/css/base.scss
--- a/sigal/themes/colorbox/static/css/colorbox.scss
+++ b/sigal/themes/colorbox/static/css/colorbox.scss
--- a/sigal/themes/colorbox/static/css/layout.scss
+++ b/sigal/themes/colorbox/static/css/layout.scss
--- a/sigal/themes/colorbox/static/css/skeleton.scss
+++ b/sigal/themes/colorbox/static/css/skeleton.scss
--- a/sigal/themes/colorbox/static/css/style.min.css
+++ b/sigal/themes/colorbox/static/css/style.min.css
--- a/sigal/themes/colorbox/static/css/style.scss
+++ b/sigal/themes/colorbox/static/css/style.scss
@ -1,3 +1,9 @@
+/* -*- scss-compile-at-save: nil -*- */
+
+@import "base";
+@import "skeleton";
+@import "colorbox";
+
 body {
  font: 100%/1.4 "PT Sans", sans-serif;
 }
--- a/sigal/themes/colorbox/templates/index.html
+++ b/sigal/themes/colorbox/templates/index.html
@ -18,15 +18,11 @@
  <body>
    <div class="container">
      <header class="sixteen columns">
-          <h1>{{ title }}</h1>
+          <h1>{{ paths }}</h1>
          <hr>
      </header>

      <div id="main" role="main" class="sixteen columns">
-        <div id="breadcumb">
-          <p>{{ paths }}</p>
-        </div>
-
        {% if albums %}
        <div id="albums" class="row">
          {% for album in albums %}