jazzy 0.9.1 → 0.9.2

data/lib/jazzy/source_mark.rb

@@ -27,5 +27,15 @@ module Jazzy
 
       self.name = mark_string[start_index..end_index]
     end
+
+    def empty?
+      !name && !has_start_dash && !has_end_dash
+    end
+
+    def copy(other)
+      self.name = other.name
+      self.has_start_dash = other.has_start_dash
+      self.has_end_dash = other.has_end_dash
+    end
   end
 end

data/lib/jazzy/sourcekitten.rb

@@ -3,6 +3,7 @@ require 'pathname'
 require 'shellwords'
 require 'xcinvoke'
 require 'cgi'
+require 'rexml/document'
 
 require 'jazzy/config'
 require 'jazzy/executable'
@@ -43,6 +44,10 @@ class String
       end
     end
   end
+
+  def unindent(count)
+    gsub(/^#{' ' * count}/, '')
+  end
 end
 
 module Jazzy
@@ -304,17 +309,17 @@ module Jazzy
       end.reject { |param| param[:discussion].nil? }
     end
 
-    # rubocop:disable Metrics/CyclomaticComplexity
     def self.make_doc_info(doc, declaration)
       return unless should_document?(doc)
 
-      declaration.declaration = Highlighter.highlight(
-        doc['key.parsed_declaration'] || doc['key.doc.declaration'],
-      )
-      if Config.instance.objc_mode && doc['key.swift_declaration']
-        declaration.other_language_declaration = Highlighter.highlight(
-          doc['key.swift_declaration'], 'swift'
-        )
+      if Config.instance.objc_mode
+        declaration.declaration =
+          Highlighter.highlight(doc['key.parsed_declaration'])
+        declaration.other_language_declaration =
+          Highlighter.highlight(doc['key.swift_declaration'], 'swift')
+      else
+        declaration.declaration =
+          Highlighter.highlight(make_swift_declaration(doc, declaration))
       end
 
       unless doc['key.doc.full_as_xml']
@@ -329,7 +334,86 @@ module Jazzy
 
       @stats.add_documented
     end
-    # rubocop:enable Metrics/CyclomaticComplexity
+
+    # Strip tags and convert entities
+    def self.xml_to_text(xml)
+      document = REXML::Document.new(xml)
+      REXML::XPath.match(document.root, '//text()').map(&:value).join
+    end
+
+    # Regexp to match an @attribute.  Complex to handle @available().
+    def self.attribute_regexp(name)
+      qstring = /"(?:[^"\\]*|\\.)*"/
+      %r{@#{name}      # @attr name
+        (?:\s*\(       # optionally followed by spaces + parens,
+          (?:          # containing any number of either..
+            [^")]*|    # normal characters or...
+            #{qstring} # quoted strings.
+          )*           # (end parens content)
+        \))?           # (end optional parens)
+      }x
+    end
+
+    # Get all attributes of some name
+    def self.extract_attributes(declaration, name = '\w+')
+      attrs = declaration.scan(attribute_regexp(name))
+      # Rouge #806 workaround, use unicode lookalike for ')' inside attributes.
+      attrs.map { |str| str.gsub(/\)(?!\s*$)/, "\ufe5a") }
+    end
+
+    def self.extract_availability(declaration)
+      extract_attributes(declaration, 'available')
+    end
+
+    # Split leading attributes from a decl, returning both parts.
+    def self.split_decl_attributes(declaration)
+      declaration =~ /^((?:#{attribute_regexp('\w+')}\s*)*)(.*)$/m
+      Regexp.last_match.captures
+    end
+
+    def self.prefer_parsed_decl?(parsed, annotated)
+      parsed &&
+        (annotated.include?(' = default') || # SR-2608
+         parsed.match('@autoclosure|@escaping') || # SR-6321
+         parsed.include?("\n"))
+    end
+
+    # Replace the fully qualified name of a type with its base name
+    def self.unqualify_name(annotated_decl, declaration)
+      annotated_decl.gsub(declaration.fully_qualified_name_regexp,
+                          declaration.name)
+    end
+
+    # Find the best Swift declaration
+    def self.make_swift_declaration(doc, declaration)
+      # From compiler 'quick help' style
+      annotated_decl_xml = doc['key.annotated_decl']
+
+      return nil unless annotated_decl_xml
+
+      annotated_decl_attrs, annotated_decl_body =
+        split_decl_attributes(xml_to_text(annotated_decl_xml))
+
+      # From source code
+      parsed_decl = doc['key.parsed_declaration']
+
+      decl =
+        if prefer_parsed_decl?(parsed_decl, annotated_decl_body)
+          # Strip any attrs captured by parsed version
+          inline_attrs, parsed_decl_body = split_decl_attributes(parsed_decl)
+          parsed_decl_body.unindent(inline_attrs.length)
+        else
+          # Strip ugly references to decl type name
+          unqualify_name(annotated_decl_body, declaration)
+        end
+
+      # @available attrs only in compiler 'interface' style
+      available_attrs = extract_availability(doc['key.doc.declaration'] || '')
+
+      available_attrs.concat(extract_attributes(annotated_decl_attrs))
+                     .push(decl)
+                     .join("\n")
+    end
 
     def self.make_substructure(doc, declaration)
       declaration.children = if doc['key.substructure']
@@ -345,9 +429,9 @@ module Jazzy
     # rubocop:disable Metrics/MethodLength
     # rubocop:disable Metrics/CyclomaticComplexity
     # rubocop:disable Metrics/PerceivedComplexity
-    def self.make_source_declarations(docs, parent = nil)
+    def self.make_source_declarations(docs, parent = nil, mark = SourceMark.new)
       declarations = []
-      current_mark = SourceMark.new
+      current_mark = mark
       Array(docs).each do |doc|
         if doc.key?('key.diagnostic_stage')
           declarations += make_source_declarations(
@@ -366,11 +450,13 @@ module Jazzy
                           else
                             declaration.objc_name
                           end
-        current_mark = SourceMark.new(documented_name) if declaration.type.mark?
+        if declaration.type.task_mark?(documented_name)
+          current_mark = SourceMark.new(documented_name)
+        end
         if declaration.type.swift_enum_case?
           # Enum "cases" are thin wrappers around enum "elements".
           declarations += make_source_declarations(
-            doc['key.substructure'], parent
+            doc['key.substructure'], parent, current_mark
           )
           next
         end
@@ -484,17 +570,14 @@ module Jazzy
       end
       typedecl = typedecls.first
 
-      if typedecl && typedecl.type.swift_protocol?
-        merge_default_implementations_into_protocol(typedecl, extensions)
-        mark_members_from_protocol_extension(extensions)
-        extensions.reject! { |ext| ext.children.empty? }
-      elsif typedecl && typedecl.type.objc_class?
-        # Mark children merged from categories with the name of category
-        # (unless they already have a mark)
-        extensions.each do |ext|
-          _, category_name = ext.objc_category_name
-          ext.children.each { |c| c.mark.name ||= category_name }
+      if typedecl
+        if typedecl.type.swift_protocol?
+          merge_default_implementations_into_protocol(typedecl, extensions)
+          mark_members_from_protocol_extension(extensions)
+          extensions.reject! { |ext| ext.children.empty? }
         end
+
+        merge_declaration_marks(typedecl, extensions)
       end
 
       decls = typedecls + extensions
@@ -538,11 +621,54 @@ module Jazzy
       end
     end
 
+    # Customize marks associated with to-be-merged declarations
+    def self.merge_declaration_marks(typedecl, extensions)
+      if typedecl.type.objc_class?
+        # Mark children merged from categories with the name of category
+        # (unless they already have a mark)
+        extensions.each do |ext|
+          _, category_name = ext.objc_category_name
+          ext.children.each { |c| c.mark.name ||= category_name }
+        end
+      else
+        # If the Swift extension has a mark and the first child doesn't
+        # then copy the mark contents down so it still shows up.
+        extensions.each do |ext|
+          child = ext.children.first
+          if child && child.mark.empty?
+            child.mark.copy(ext.mark)
+          end
+        end
+      end
+    end
+
+    # Apply filtering based on the "included" and "excluded" flags.
+    def self.filter_files(json)
+      json = filter_included_files(json) if Config.instance.included_files.any?
+      json = filter_excluded_files(json) if Config.instance.excluded_files.any?
+      json.map do |doc|
+        key = doc.keys.first
+        doc[key]
+      end.compact
+    end
+
+    # Filter based on the "included" flag.
+    def self.filter_included_files(json)
+      included_files = Config.instance.included_files
+      json.map do |doc|
+        key = doc.keys.first
+        doc if included_files.detect do |include|
+          File.fnmatch?(include, key)
+        end
+      end.compact
+    end
+
+    # Filter based on the "excluded" flag.
     def self.filter_excluded_files(json)
       excluded_files = Config.instance.excluded_files
       json.map do |doc|
         key = doc.keys.first
-        doc[key] unless excluded_files.detect do |exclude|
+        doc unless excluded_files.detect do |exclude|
           File.fnmatch?(exclude, key)
         end
       end.compact
@@ -665,7 +791,7 @@ module Jazzy
       @min_acl = min_acl
       @skip_undocumented = skip_undocumented
       @stats = Stats.new
-      sourcekitten_json = filter_excluded_files(JSON.parse(sourcekitten_output))
+      sourcekitten_json = filter_files(JSON.parse(sourcekitten_output))
       docs = make_source_declarations(sourcekitten_json).concat inject_docs
       docs = expand_extensions(docs)
       docs = deduplicate_declarations(docs)

data/lib/jazzy/themes/jony/assets/css/highlight.css.scss

@@ -0,0 +1,63 @@
+/* Credit to https://gist.github.com/wataru420/2048287 */
+
+.highlight {
+  .c { color: #999988; font-style: italic } /* Comment */
+  .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+  .k { color: #000000; font-weight: bold } /* Keyword */
+  .o { color: #000000; font-weight: bold } /* Operator */
+  .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+  .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+  .c1 { color: #999988; font-style: italic } /* Comment.Single */
+  .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+  .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+  .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+  .ge { color: #000000; font-style: italic } /* Generic.Emph */
+  .gr { color: #aa0000 } /* Generic.Error */
+  .gh { color: #999999 } /* Generic.Heading */
+  .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+  .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+  .go { color: #888888 } /* Generic.Output */
+  .gp { color: #555555 } /* Generic.Prompt */
+  .gs { font-weight: bold } /* Generic.Strong */
+  .gu { color: #aaaaaa } /* Generic.Subheading */
+  .gt { color: #aa0000 } /* Generic.Traceback */
+  .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+  .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+  .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+  .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+  .kt { color: #445588; } /* Keyword.Type */
+  .m { color: #009999 } /* Literal.Number */
+  .s { color: #d14 } /* Literal.String */
+  .na { color: #008080 } /* Name.Attribute */
+  .nb { color: #0086B3 } /* Name.Builtin */
+  .nc { color: #445588; font-weight: bold } /* Name.Class */
+  .no { color: #008080 } /* Name.Constant */
+  .ni { color: #800080 } /* Name.Entity */
+  .ne { color: #990000; font-weight: bold } /* Name.Exception */
+  .nf { color: #990000; } /* Name.Function */
+  .nn { color: #555555 } /* Name.Namespace */
+  .nt { color: #000080 } /* Name.Tag */
+  .nv { color: #008080 } /* Name.Variable */
+  .ow { color: #000000; font-weight: bold } /* Operator.Word */
+  .w { color: #bbbbbb } /* Text.Whitespace */
+  .mf { color: #009999 } /* Literal.Number.Float */
+  .mh { color: #009999 } /* Literal.Number.Hex */
+  .mi { color: #009999 } /* Literal.Number.Integer */
+  .mo { color: #009999 } /* Literal.Number.Oct */
+  .sb { color: #d14 } /* Literal.String.Backtick */
+  .sc { color: #d14 } /* Literal.String.Char */
+  .sd { color: #d14 } /* Literal.String.Doc */
+  .s2 { color: #d14 } /* Literal.String.Double */
+  .se { color: #d14 } /* Literal.String.Escape */
+  .sh { color: #d14 } /* Literal.String.Heredoc */
+  .si { color: #d14 } /* Literal.String.Interpol */
+  .sx { color: #d14 } /* Literal.String.Other */
+  .sr { color: #009926 } /* Literal.String.Regex */
+  .s1 { color: #d14 } /* Literal.String.Single */
+  .ss { color: #990073 } /* Literal.String.Symbol */
+  .bp { color: #999999 } /* Name.Builtin.Pseudo */
+  .vc { color: #008080 } /* Name.Variable.Class */
+  .vg { color: #008080 } /* Name.Variable.Global */
+  .vi { color: #008080 } /* Name.Variable.Instance */
+  .il { color: #009999 } /* Literal.Number.Integer.Long */
+}

data/lib/jazzy/themes/jony/assets/css/jazzy.css.scss

@@ -0,0 +1,534 @@
+////////////////////////////////
+// Constants
+////////////////////////////////
+
+$bg_color: #2C2C2C;
+$doc_coverage_color: #999;
+$code_color: #777;
+$code_bg_color: #eee;
+$link_color: #0088cc;
+$white_color: #fff;
+$light_gray_bg_color: #fafafa;
+$normal_gray_bg_color: #f2f2f2;
+$declaration_bg_color: #f9f9f9;
+$declaration_title_language_color: #4b8afb;
+
+$content_wrapper_width: calc(100% - 32px);
+$content_wrapper_max_width: 980px;
+$article_max_width: 750px;
+
+$mobile_breakpoint: 767px;
+$content_top_offset: 87px;
+$header_height: 48px;
+$breadcrumb_padding: 10px;
+
+$code_font: 'SF Mono', Menlo, monospace;
+
+$gray_border: 1px solid #e2e2e2;
+$declaration_language_border: 5px solid #cde9f4;
+
+$aside_color: #aaa;
+$aside_border: 5px solid lighten($aside_color, 20%);
+$aside_warning_color: #ff0000;
+$aside_warning_border: 5px solid lighten($aside_warning_color, 20%);
+
+////////////////////////////////
+// Reset
+////////////////////////////////
+
+html, body, div, span, h1, h3, h4, p, a, code, em, img, ul, li, table, tbody, tr, td {
+  background: transparent;
+  border: 0;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline;
+}
+
+////////////////////////////////
+// Global
+////////////////////////////////
+
+body {
+  background-color: $white_color;
+  font-family: -apple-system, Helvetica, freesans, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.6;
+  -webkit-font-smoothing: subpixel-antialiased;
+  word-wrap: break-word;
+  min-height: 100vh;
+}
+
+// Headers
+
+h1, h2, h3 {
+  margin-top: 0.8em;
+  margin-bottom: 0.3em;
+  font-weight: 400;
+  color: black;
+}
+h1 {
+  font-size: 2.5em;
+}
+h2 {
+  font-size: 2em;
+  border-bottom: $gray_border;
+}
+h4 {
+  font-size: 13px;
+  line-height: 1.5;
+  margin-top: 21px;
+}
+h5 {
+  font-size: 1.1em;
+}
+h6 {
+  font-size: 1.1em;
+  color: $code_color;
+}
+
+@media screen and (max-width: $mobile_breakpoint) {
+  h1 { font-size: 1.75em; }
+  h2 { font-size: 1.4em; }
+}
+
+// Code
+
+pre, code {
+  font-family: $code_font;
+  font-size: 0.95em;
+  color: $code_color;
+  word-wrap: normal;
+}
+
+// Links
+
+a {
+  color: $link_color;
+  text-decoration: none;
+}
+
+// Lists
+
+ul {
+  padding-left: 15px;
+}
+li {
+  line-height: 1.8em;
+}
+
+// Images
+
+img {
+  max-width: 100%;
+}
+
+// Blockquotes
+
+blockquote {
+  margin-left: 0;
+  padding: 0 10px;
+  border-left: 4px solid #ccc;
+}
+
+// General Content Wrapper
+
+.content-wrapper {
+  margin: 0 auto;
+  width: $content_wrapper_width;
+  max-width: $content_wrapper_max_width;
+}
+
+
+////////////////////////////////
+// Content Wrappers
+////////////////////////////////
+
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: inherit;
+  overflow: auto;
+}
+
+.article-wrapper  > *,
+.nav-wrapper  > *,
+.footer-wrapper > * {
+  margin: 0 auto;
+  width: $content_wrapper_width;
+  max-width: $content_wrapper_max_width;
+}
+
+.article-wrapper {
+  flex: 1;
+  background-color: $white_color;
+}
+
+.nav-wrapper {
+  background-color: $light_gray_bg_color;
+}
+
+.footer-wrapper {
+  background-color: $normal_gray_bg_color;
+}
+
+////////////////////////////////
+// Header & Top Breadcrumbs
+////////////////////////////////
+
+header {
+  // font-size: 0.85em;
+  line-height: $header_height;
+  background-color: $bg_color;
+  position: fixed;
+  width: 100%;
+  z-index: 2;
+  img {
+    padding-right: 6px;
+    vertical-align: -4px;
+    height: 16px;
+  }
+  a {
+    color: $white_color;
+  }
+  p {
+    float: left;
+    color: $doc_coverage_color;
+  }
+  .header-right {
+    float: right;
+    margin-left: 16px;
+  }
+}
+
+#breadcrumbs-container {
+  background-color: $bg_color;
+  position: fixed;
+  z-index: 1;
+  width: 100%;
+}
+
+#breadcrumbs {
+  color: rgba(255, 255, 255, 0.6);
+  height: $content_top_offset - $header_height - $breadcrumb_padding;
+  padding-bottom: $breadcrumb_padding;
+  width: 100%;
+  margin-top: $header_height;
+  white-space: nowrap;
+  overflow-x: scroll;
+  #carat {
+    height: 10px;
+    margin: 0 5px;
+  }
+  a {
+    color: white;
+  }
+}
+
+@media screen and (max-width: $mobile_breakpoint) {
+  #breadcrumbs {
+    color: white;
+  }
+}
+
+////////////////////////////////
+// Navigation
+////////////////////////////////
+
+.nav-groups {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+.nav-group-name {
+  font-size: 1.5rem;
+  font-weight: 500;
+  padding: 20px 0;
+  &:not(:last-child) {
+    border-bottom: $gray_border;
+  }
+  > a {
+    color: #333;
+  }
+}
+
+.nav-group-tasks {
+  column-count: 2;
+  list-style: none;
+  padding: 0;
+  margin-top: 5px;
+}
+
+.nav-group-task {
+  font-size: 1.1rem;
+  font-weight: 400;
+  a {
+    color: #888;
+  }
+}
+
+@media screen and (max-width: $mobile_breakpoint) {
+  .nav-group-tasks {
+    column-count: 1;
+  }
+}
+
+////////////////////////////////
+// Main Content
+////////////////////////////////
+
+.main-content {
+  overflow: hidden;
+  padding-bottom: 60px;
+  margin-top: $content_top_offset;
+  p, a, code, em, ul, table, blockquote {
+    margin-bottom: 1em;
+  }
+  p {
+    line-height: 1.5;
+  }
+  section {
+    max-width: $article_max_width;
+
+    .section:first-child {
+      margin-top: 0;
+      padding-top: 0;
+    }
+
+    .task-group-section .task-group:first-of-type {
+      padding-top: 10px;
+
+      .section-name {
+        padding-top: 15px;
+      }
+    }
+
+    .heading:before {
+      content: "";
+      display: block;
+      padding-top: $content_top_offset;
+      margin: -$content_top_offset 0 0;
+    }
+  }
+}
+
+.highlight {
+  background-color: $code_bg_color;
+  padding: 10px 12px;
+  border: $gray_border;
+  border-radius: 4px;
+  overflow-x: auto;
+}
+
+.declaration .highlight {
+  overflow-x: initial; // This allows the scrollbar to show up inside declarations
+  padding: 0 40px 40px 0;
+  margin-bottom: -25px;
+  background-color: transparent;
+  border: none;
+}
+
+.section-name {
+  font-size: 1.5rem;
+  font-weight: 500;
+  margin: 0;
+}
+
+.task-group-section {
+  border-top: $gray_border;
+}
+
+.task-group {
+  padding-top: 0px;
+  > ul {
+    padding-left: 0;
+  }
+}
+
+.task-name-container {
+  a[name] {
+    &:before {
+      content: "";
+      display: block;
+      padding-top: $content_top_offset;
+      margin: -$content_top_offset 0 0;
+    }
+  }
+}
+
+.item {
+  padding-top: 8px;
+  width: 100%;
+  list-style-type: none;
+  a[name] {
+    &:before {
+      content: "";
+      display: block;
+      padding-top: $content_top_offset;
+      margin: -$content_top_offset 0 0;
+    }
+  }
+  code {
+    background-color: transparent;
+    padding: 0;
+  }
+  .token {
+    padding-left: 3px;
+    margin-left: 35px;
+  }
+  .declaration-note {
+    font-size: .85em;
+    color: rgba(128,128,128,1);
+    font-style: italic;
+  }
+}
+
+.pointer-container {
+  left: -23px;
+  padding-bottom: 13px;
+  position: relative;
+  width: 110%;
+}
+
+.pointer {
+  background: $declaration_bg_color;
+  border-left: $gray_border;
+  border-top: $gray_border;
+  height: 12px;
+  left: 21px;
+  top: -7px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+  position: absolute;
+  width: 12px;
+}
+
+.height-container {
+  display: none;
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  .section {
+    position: relative;
+    background: $declaration_bg_color;
+    width: 100%;
+    padding: 10px 25px;
+    border: $gray_border;
+    border-radius: 8px;
+    box-sizing: border-box;
+  }
+}
+
+.aside, .language {
+  padding: 6px 12px;
+  margin: 12px 0;
+  border-left: $aside_border;
+  overflow-y: hidden;
+  .aside-title {
+    font-size: 12px;
+    font-weight: 600;
+    letter-spacing: 2px;
+    text-transform: uppercase;
+    padding-bottom: 0;
+    margin: 0;
+    color: $aside_color;
+    -webkit-user-select: none;
+  }
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.language {
+  border-left: $declaration_language_border;
+  .aside-title {
+    color: $declaration_title_language_color;
+  }
+}
+
+.aside-warning {
+  border-left: $aside_warning_border;
+  .aside-title {
+    color: $aside_warning_color;
+  }
+}
+
+.graybox {
+  border-collapse: collapse;
+  width: 100%;
+  p {
+    margin: 0;
+    word-break: break-word;
+    min-width: 50px;
+  }
+  td {
+    border: $gray_border;
+    padding: 5px 25px 5px 10px;
+    vertical-align: middle;
+  }
+  tr td:first-of-type {
+    text-align: right;
+    padding: 7px;
+    vertical-align: top;
+    word-break: normal;
+    width: 40px;
+  }
+}
+
+.slightly-smaller {
+  font-size: 0.9em;
+}
+
+#footer {
+  padding: 25px 0;
+  box-sizing: border-box;
+
+  p {
+    margin: 0;
+    color: #aaa;
+    font-size: 0.8em;
+  }
+}
+
+////////////////////////////////
+// Dash
+////////////////////////////////
+
+html.dash {
+  header, #breadcrumbs {
+    display: none;
+  }
+  .main-content {
+    width: $content_wrapper_width;
+    max-width: $content_wrapper_max_width;
+    margin-left: 0;
+    border: none;
+    width: 100%;
+    top: 0;
+    padding-bottom: 0;
+  }
+  .height-container {
+    display: block;
+  }
+  .item .token {
+    margin-left: 0;
+  }
+  .content-wrapper {
+    width: auto;
+  }
+  #footer {
+    position: static;
+  }
+}
+
+////////////////////////////////
+// Responsive design
+////////////////////////////////
+
+@media screen and (max-width: $mobile_breakpoint) {
+  .no-mobile {
+    display: none;
+  }
+}