liquid_feedback_frontend
annotate style/mdl/styleguide.scss @ 1605:44b58a76f3e3
Removed old view
| author | bsw |
|---|---|
| date | Mon Feb 01 21:02:47 2021 +0100 (2021-02-01) |
| parents | 32cc544d5a5b |
| children |
| rev | line source |
|---|---|
| bsw/jbe@1309 | 1 /** |
| bsw/jbe@1309 | 2 * Copyright 2015 Google Inc. All Rights Reserved. |
| bsw/jbe@1309 | 3 * |
| bsw/jbe@1309 | 4 * Licensed under the Apache License, Version 2.0 (the "License"); |
| bsw/jbe@1309 | 5 * you may not use this file except in compliance with the License. |
| bsw/jbe@1309 | 6 * You may obtain a copy of the License at |
| bsw/jbe@1309 | 7 * |
| bsw/jbe@1309 | 8 * http://www.apache.org/licenses/LICENSE-2.0 |
| bsw/jbe@1309 | 9 * |
| bsw/jbe@1309 | 10 * Unless required by applicable law or agreed to in writing, software |
| bsw/jbe@1309 | 11 * distributed under the License is distributed on an "AS IS" BASIS, |
| bsw/jbe@1309 | 12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| bsw/jbe@1309 | 13 * See the License for the specific language governing permissions and |
| bsw/jbe@1309 | 14 * limitations under the License. |
| bsw/jbe@1309 | 15 */ |
| bsw/jbe@1309 | 16 |
| bsw/jbe@1309 | 17 @import "material-design-lite"; |
| bsw/jbe@1309 | 18 |
| bsw/jbe@1309 | 19 $padding: 24px; |
| bsw/jbe@1309 | 20 |
| bsw/jbe@1309 | 21 body { |
| bsw/jbe@1309 | 22 margin: 0px; |
| bsw/jbe@1309 | 23 } |
| bsw/jbe@1309 | 24 |
| bsw/jbe@1309 | 25 .styleguide-demo h1 { |
| bsw/jbe@1309 | 26 margin: ($padding * 2) $padding 0 $padding; |
| bsw/jbe@1309 | 27 } |
| bsw/jbe@1309 | 28 |
| bsw/jbe@1309 | 29 .styleguide-demo h1:after { |
| bsw/jbe@1309 | 30 content: ''; |
| bsw/jbe@1309 | 31 |
| bsw/jbe@1309 | 32 display: block; |
| bsw/jbe@1309 | 33 width: 100%; |
| bsw/jbe@1309 | 34 |
| bsw/jbe@1309 | 35 border-bottom: 1px solid rgba(0,0,0,0.5); |
| bsw/jbe@1309 | 36 margin-top: $padding; |
| bsw/jbe@1309 | 37 } |
| bsw/jbe@1309 | 38 |
| bsw/jbe@1309 | 39 .styleguide-demo { |
| bsw/jbe@1309 | 40 opacity: 0; |
| bsw/jbe@1309 | 41 |
| bsw/jbe@1309 | 42 transition: opacity 0.6s ease; |
| bsw/jbe@1309 | 43 } |
| bsw/jbe@1309 | 44 |
| bsw/jbe@1309 | 45 .styleguide-masthead { |
| bsw/jbe@1309 | 46 height: 256px; |
| bsw/jbe@1309 | 47 background: unquote("rgb(#{nth($palette-grey, 10)})"); |
| bsw/jbe@1309 | 48 padding: 115px 16px 0; |
| bsw/jbe@1309 | 49 } |
| bsw/jbe@1309 | 50 |
| bsw/jbe@1309 | 51 .styleguide-container { |
| bsw/jbe@1309 | 52 position: relative; |
| bsw/jbe@1309 | 53 max-width: 960px; |
| bsw/jbe@1309 | 54 width: 100%; |
| bsw/jbe@1309 | 55 } |
| bsw/jbe@1309 | 56 |
| bsw/jbe@1309 | 57 .styleguide-title { |
| bsw/jbe@1309 | 58 color: #fff; |
| bsw/jbe@1309 | 59 bottom: auto; |
| bsw/jbe@1309 | 60 position: relative; |
| bsw/jbe@1309 | 61 font-size: 56px; |
| bsw/jbe@1309 | 62 font-weight: 300; |
| bsw/jbe@1309 | 63 line-height: 1; |
| bsw/jbe@1309 | 64 letter-spacing: -0.02em; |
| bsw/jbe@1309 | 65 |
| bsw/jbe@1309 | 66 &:after { |
| bsw/jbe@1309 | 67 border-bottom: 0px; |
| bsw/jbe@1309 | 68 } |
| bsw/jbe@1309 | 69 |
| bsw/jbe@1309 | 70 span { |
| bsw/jbe@1309 | 71 font-weight: 300; |
| bsw/jbe@1309 | 72 } |
| bsw/jbe@1309 | 73 } |
| bsw/jbe@1309 | 74 |
| bsw/jbe@1309 | 75 .mdl-styleguide .mdl-layout__drawer .mdl-navigation__link { |
| bsw/jbe@1309 | 76 padding: 10px 24px; |
| bsw/jbe@1309 | 77 } |
| bsw/jbe@1309 | 78 |
| bsw/jbe@1309 | 79 .demosLoaded .styleguide-demo { |
| bsw/jbe@1309 | 80 opacity: 1; |
| bsw/jbe@1309 | 81 } |
| bsw/jbe@1309 | 82 |
| bsw/jbe@1309 | 83 iframe { |
| bsw/jbe@1309 | 84 display: block; |
| bsw/jbe@1309 | 85 |
| bsw/jbe@1309 | 86 width: 100%; |
| bsw/jbe@1309 | 87 |
| bsw/jbe@1309 | 88 border: none; |
| bsw/jbe@1309 | 89 } |
| bsw/jbe@1309 | 90 |
| bsw/jbe@1309 | 91 iframe.heightSet { |
| bsw/jbe@1309 | 92 overflow: hidden; |
| bsw/jbe@1309 | 93 } |
| bsw/jbe@1309 | 94 |
| bsw/jbe@1309 | 95 .demo-wrapper { |
| bsw/jbe@1309 | 96 margin: $padding; |
| bsw/jbe@1309 | 97 |
| bsw/jbe@1309 | 98 iframe { |
| bsw/jbe@1309 | 99 border: 1px solid rgba(0,0,0,0.5); |
| bsw/jbe@1309 | 100 } |
| bsw/jbe@1309 | 101 } |