From 6352b1fed84c4d79664d2de2d2ee28c6c4ff6d0b Mon Sep 17 00:00:00 2001 From: Your Name Date: Thu, 28 Dec 2017 21:55:30 +0100 Subject: Fix CSS --- assets/css/mobile.css | 198 +++++++++++++++++--------------------------------- 1 file changed, 67 insertions(+), 131 deletions(-) (limited to 'assets/css/mobile.css') 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 {"; } -- cgit v1.2.3