frontend: add src/css

twenty-frontend/Gemfile

@@ -5,3 +5,4 @@ gem "nanoc-webpack.rb", github: "0x1eef/nanoc-webpack.rb"
 gem "nanoc-tidy.rb", github: "0x1eef/nanoc-tidy.rb"
 gem "ryo.rb", github: "0x1eef/ryo.rb"
 gem "sass", "~> 3.7"
+gem "rainpress", "~> 1.0"

twenty-frontend/Gemfile.lock

@@ -73,6 +73,7 @@ GEM
     psych (5.0.1)
       stringio
     public_suffix (5.0.4)
+    rainpress (1.0.1)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
@@ -102,6 +103,7 @@ DEPENDENCIES
   nanoc (~> 4.12)
   nanoc-tidy.rb!
   nanoc-webpack.rb!
+  rainpress (~> 1.0)
   ryo.rb!
   sass (~> 3.7)
 

twenty-frontend/Rules

@@ -1,6 +1,11 @@
 #!/usr/bin/env ruby
 
 compile("/layouts/*") { write(nil) }
+compile("/css/main.scss") do
+  filter(:sass, syntax: :scss)
+  filter(:rainpress)
+  write("/css/main.css")
+end
 compile '/**/*.html' do
   layout '/default.*'
 
@@ -10,21 +15,4 @@ compile '/**/*.html' do
     write item.identifier.without_ext + '/index.html'
   end
 end
-
-# This is an example rule that matches Markdown (.md) files, and filters them
-# using the :kramdown filter. It is commented out by default, because kramdown
-# is not bundled with Nanoc or Ruby.
-#
-#compile '/**/*.md' do
-#  filter :kramdown
-#  layout '/default.*'
-#
-#  if item.identifier =~ '**/index.*'
-#    write item.identifier.without_ext + '.html'
-#  else
-#    write item.identifier.without_ext + '/index.html'
-#  end
-#end
-
-passthrough "/**/*"
 layout '/**/*', :erb

twenty-frontend/src/stylesheet.css

@@ -1,101 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-
-  font-family: Georgia, Palatino, serif;
-}
-
-body {
-  background: #fff;
-}
-
-a {
-  text-decoration: none;
-}
-
-a:link,
-a:visited {
-  color: #f30;
-}
-
-a:hover {
-  color: #f90;
-}
-
-#main {
-  position: absolute;
-
-  top: 40px;
-  left: 280px;
-
-  width: 500px;
-}
-
-#main h1 {
-  font-size: 40px;
-  font-weight: normal;
-
-  line-height: 40px;
-
-  letter-spacing: -1px;
-}
-
-#main p {
-  margin: 20px 0;
-
-  font-size: 15px;
-
-  line-height: 20px;
-}
-
-#main ul, #main ol {
-  margin: 20px;
-}
-
-#main li {
-  font-size: 15px;
-
-  line-height: 20px;
-}
-
-#main ul li {
-  list-style-type: square;
-}
-
-#sidebar {
-  position: absolute;
-
-  top: 40px;
-  left: 20px;
-  width: 200px;
-
-  padding: 20px 20px 0 0;
-
-  border-right: 1px solid #ccc;
-
-  text-align: right;
-}
-
-#sidebar h2 {
-  text-transform: uppercase;
-
-  font-size: 13px;
-
-  color: #333;
-
-  letter-spacing: 1px;
-
-  line-height: 20px;
-}
-
-#sidebar ul {
-  list-style-type: none;
-
-  margin: 20px 0;
-}
-
-#sidebar li {
-  font-size: 14px;
-
-  line-height: 20px;
-}