Fix CSS

1 files changed, 67 insertions, 131 deletions

diff --git a/assets/css/mobile.css b/assets/css/mobile.css
index bdb2046..8594f56 100644
--- a/assets/css/mobile.css
+++ b/assets/css/mobile.css
@@ -1,133 +1,69 @@
-@charset "UTF-8";
-/**
- * SCSS Variables
- **/
-html {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box; }
-  html[lang='en'] :lang(fr), html[lang='fr'] :lang(en) {
-    display: none; }
+/*
+Error: Undefined variable: "$font-h".
+        on line 23 of scss/mobile.scss
 
-:lang(en) {
-  quotes: '\201C' '\201D' '\2018' '\2019'; }
+18: :lang(fr) {
+19:     quotes: '« ' ' »';
+20: }
+21: 
+22: h1, h2, h3, h4, h5, h6 {
+23:     font-family: $font-h;
+24: }
+25: 
+26: @media screen and (max-device-width: 799px) {
+27: 
+28:     body {
 
-:lang(fr) {
-  quotes: '« ' ' »'; }
-
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Cormorant Garamond", serif; }
-
-body {
-  background: url(../img/logo-ps.svg) center 10vh/60vh no-repeat fixed, rgba(173, 151, 56, 0.68);
-  color: #f3f0e4;
-  font-family: Abel, "Open Sans", sans-serif;
-  font-size: 1.6rem;
-  min-height: 1000px;
-  margin: 0;
-  padding: 0; }
-  body > header {
-    background-color: #6d4e80;
-    position: absolute;
-    top: 50vh;
-    height: 50vh;
-    width: 100%; }
-    body > header > h1 {
-      margin-top: calc(25vh -1vh);
-      text-align: center;
-      width: 100%; }
-      body > header > h1.fixed {
-        background-color: #6d4e80;
-        position: fixed;
-        z-index: 999;
-        margin-top: 0;
-        top: 0;
-        padding: 0.5vh 1vw;
-        text-align: left;
-        font-size: 3.5vh;
-        line-height: 5vh; }
-        body > header > h1.fixed img {
-          display: inline-block; }
-      body > header > h1 a {
-        display: inline-block;
-        text-decoration: none;
-        color: #dcc985; }
-      body > header > h1 img {
-        display: none; }
-    body > header section, body > header footer {
-      display: none; }
-  body > main {
-    position: relative;
-    top: 100vh;
-    margin: 0 auto;
-    max-width: 42vh; }
-
-#gfx, #gfx h3 {
-  background-color: rgba(191, 138, 112, 0.7); }
-
-#txt, #txt h3 {
-  background-color: rgba(166, 191, 112, 0.7); }
-
-#vdo, #vdo h3 {
-  background-color: rgba(112, 166, 191, 0.5); }
-
-.fixed.libre > h2 {
-  left: 0;
-  right: 0;
-  background-color: rgba(0, 0, 0, 0.9);
-  color: rgba(255, 255, 255, 0.95);
-  position: fixed;
-  z-index: 999;
-  margin-top: 0;
-  top: 12vh;
-  padding: 0.5vh 1vw;
-  text-align: left;
-  line-height: 5vh; }
-.fixed.libre > section.fixed#cooperation h3 {
-  background-color: red;
-  clip: rect(0, 0, 100vw, 100vh); }
-.fixed.libre > section.fixed > h3 {
-  background-color: rgba(0, 0, 0, 0.9);
-  color: black;
-  position: fixed;
-  z-index: 999;
-  margin-top: 0;
-  top: 12vh;
-  left: 50vw;
-  right: 0;
-  padding: 0.5vh;
-  text-align: center;
-  line-height: 5vh; }
-  .fixed.libre > section.fixed > h3 a {
-    color: rgba(255, 255, 255, 0.95);
-    text-decoration: none; }
-
-.fixed.media > h2 {
-  left: 0;
-  right: 0;
-  background-color: rgba(173, 151, 56, 0.68);
-  position: fixed;
-  z-index: 999;
-  margin-top: 0;
-  top: 6vh;
-  padding: 0.5vh 1vw;
-  text-align: left;
-  line-height: 5vh; }
-.fixed.media > section.fixed#gfx h3 {
-  right: 34vw; }
-.fixed.media > section.fixed#txt h3 {
-  right: 18vw; }
-.fixed.media > section.fixed#vdo h3 {
-  right: 2vw; }
-.fixed.media > section.fixed > h3 {
-  background-color: rgba(173, 151, 56, 0.68);
-  position: fixed;
-  z-index: 999;
-  margin-top: 0;
-  top: 6vh;
-  padding: 0.5vh 1vw;
-  text-align: center;
-  line-height: 5vh;
-  width: 14vw; }
-
-/*# sourceMappingURL=mobile.css.map */
+Backtrace:
+scss/mobile.scss:23
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/script/tree/variable.rb:49:in `_perform'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/script/tree/node.rb:58:in `perform'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:398:in `visit_prop'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `block in visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `block in with_base'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:115:in `with_frame'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `with_base'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `block (2 levels) in visit_rule'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `map'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:434:in `block in visit_rule'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:183:in `with_environment'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:432:in `visit_rule'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `block in visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `block in with_base'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:115:in `with_frame'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/stack.rb:79:in `with_base'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:162:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `map'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:52:in `visit_children'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:171:in `block in visit_children'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:183:in `with_environment'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:170:in `visit_children'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `block in visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:190:in `visit_root'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/base.rb:36:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:161:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/visitors/perform.rb:10:in `visit'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/root_node.rb:36:in `css_tree'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/tree/root_node.rb:29:in `render_with_sourcemap'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/engine.rb:384:in `_render_with_sourcemap'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/engine.rb:301:in `render_with_sourcemap'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:492:in `update_stylesheet'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:209:in `each'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:473:in `on_file_changed'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/lib/sass/plugin/compiler.rb:331:in `block in watch'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/vendor/listen/lib/listen/listener.rb:252:in `on_change'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/vendor/listen/lib/listen/listener.rb:290:in `block in initialize_adapter'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/vendor/listen/lib/listen/adapter.rb:254:in `report_changes'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/vendor/listen/lib/listen/adapter.rb:323:in `poll_changed_directories'
+/home/how/.gem/ruby/2.4.0/gems/sass-3.4.25/vendor/listen/lib/listen/adapter.rb:299:in `block in start_poller'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Error: Undefined variable: \"$font-h\".\A         on line 23 of scss/mobile.scss\A \A 18: :lang(fr) {\A 19:     quotes: '« ' ' »';\A 20: }\A 21: \A 22: h1, h2, h3, h4, h5, h6 {\A 23:     font-family: $font-h;\A 24: }\A 25: \A 26: @media screen and (max-device-width: 799px) {\A 27: \A 28:     body {"; }