Create a mobile css manifest

app/assets/javascripts/discourse/templates/mobile/topic.js.handlebars

@@ -1,9 +0,0 @@
-{{#if postStream.loaded}}
-  <div class='container'>
-    Mobile Topic Page Loaded!
-  </div>
-{{else}}
-  <div class='container'>
-    <div class='spinner'>{{i18n loading}}</div>
-  </div>
-{{/if}}

app/assets/stylesheets/application.css.erb

@@ -1,17 +1,4 @@
 //  Manifest
 //
-//= require ./vendor/normalize
+//= require common
-//= require ./vendor/bootstrap
-//= require ./foundation/base
-//= require ./vendor/font_awesome/font-awesome
-//= require ./vendor/chosen
-//= require_tree ./components
 //= require_tree ./application
-//= require ./foundation/helpers
-<%
-  # TODO this is very tricky, we want to add a dependency here on files that may not yet exist
-  #  otherwise in dev we are often stuck nuking the tmp/cache directory
-  DiscoursePluginRegistry.stylesheets.each do |css|
-    require_asset(css)
-  end
-%>

app/assets/stylesheets/common.css.erb

@@ -0,0 +1,16 @@
+//  Manifest
+//
+//= require ./vendor/normalize
+//= require ./vendor/bootstrap
+//= require ./foundation/base
+//= require ./vendor/font_awesome/font-awesome
+//= require ./vendor/chosen
+//= require_tree ./components
+//= require ./foundation/helpers
+<%
+  # TODO this is very tricky, we want to add a dependency here on files that may not yet exist
+  #  otherwise in dev we are often stuck nuking the tmp/cache directory
+  DiscoursePluginRegistry.stylesheets.each do |css|
+    require_asset(css)
+  end
+%>

app/assets/stylesheets/mobile.css.erb

@@ -0,0 +1,9 @@
+//  Manifest
+//
+//= require common
+//= require_tree ./mobile
+//
+//  For now, include all desktop css. But once we add files in ./mobile that override
+//  files in ./application, we'll need to only include the files we need:
+//
+//= require_tree ./application

app/views/common/_discourse_stylesheet.html.erb

@@ -1,8 +1,13 @@
 <%- unless SiteCustomization.override_default_style(session[:preview_style]) %>
-  <%=stylesheet_link_tag "application"%>
+  <% if mobile_view? %>
+    <%= stylesheet_link_tag "mobile" %>
+  <% else %>
+    <%= stylesheet_link_tag "application" %>
+  <% end %>
 <%- end %>
 
 <%- if staff? %>
   <%= stylesheet_link_tag "admin"%>
 <%-end%>
+
 <%=SiteCustomization.custom_stylesheet(session[:preview_style])%>