CSS: Add CSS for file listings

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/.gitignore b/.gitignore
index 2a441607e082aed850c1be1821158670591599ae..389a745864074d7b3128a7984b43f0241cb4ff75 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,7 @@
 /build-aux
 /configure
 /config.*
 /build-aux
 /configure
 /config.*

+/src/scss/listing.css

 /src/scss/main.css
 /src/scripts/ipfire.org
 /src/scripts/ipfire.org-webapp
 /src/scss/main.css
 /src/scripts/ipfire.org
 /src/scripts/ipfire.org-webapp

diff --git a/Makefile.am b/Makefile.am
index ade67f280693da0d4882128f187c8fc1e92cf77f..821513c7af3a7247fff22d09e06ccf1d2fb89de8 100644 (file)
--- a/Makefile.am
+++ b/Makefile.am
@@ -255,6 +255,7 @@ SCSS_FILES = \
        src/scss/_variables.scss
 
 EXTRA_DIST += \
        src/scss/_variables.scss
 
 EXTRA_DIST += \

+       src/scss/listing.scss \

        src/templates/messages/main.scss
 
 CLEANFILES += \
        src/templates/messages/main.scss
 
 CLEANFILES += \


@@ -263,9 +264,11 @@ CLEANFILES += \
 static_DATA = \
        src/static/favicon.ico \
        src/static/robots.txt \
 static_DATA = \
        src/static/favicon.ico \
        src/static/robots.txt \

+       src/scss/listing.css \

        src/scss/main.css
 
 CLEANFILES += \
        src/scss/main.css
 
 CLEANFILES += \

+       src/scss/listing.css \

        src/scss/main.css
 
 EXTRA_DIST += \
        src/scss/main.css
 
 EXTRA_DIST += \

diff --git a/src/scss/listing.scss b/src/scss/listing.scss
new file mode 100644 (file)
index 0000000..3a9464f
--- /dev/null
+++ b/src/scss/listing.scss
@@ -0,0 +1,29 @@
+@import "variables";
+
+// Import bootstrap
+@import "../bootstrap/scss/functions";
+@import "../bootstrap/scss/variables";
+@import "../bootstrap/scss/mixins";
+@import "../bootstrap/scss/reboot";
+
+// Import components we need
+@import "../bootstrap/scss/type";
+@import "../bootstrap/scss/tables";
+
+// Include fonts
+@import "fonts";
+
+body {
+    padding: $spacer * 2;
+}
+
+// Make all tables .table by default
+table {
+    @extend .table;
+
+    width: auto;
+}
+
+hr {
+    display: none;
+}