liquid_feedback_frontend
annotate style/mdl/chip/_chip.scss @ 1404:f99e7df399e6
Text case change
| author | bsw |
|---|---|
| date | Mon Aug 13 19:52:00 2018 +0200 (2018-08-13) |
| 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 "../variables"; |
| bsw/jbe@1309 | 18 @import "../mixins"; |
| bsw/jbe@1309 | 19 |
| bsw/jbe@1309 | 20 .mdl-chip { |
| bsw/jbe@1309 | 21 height: $chip-height; |
| bsw/jbe@1309 | 22 font-family: $preferred_font; |
| bsw/jbe@1309 | 23 line-height: $chip-height; |
| bsw/jbe@1309 | 24 padding: 0 12px; |
| bsw/jbe@1309 | 25 border: 0; |
| bsw/jbe@1309 | 26 border-radius: $chip-height / 2; |
| bsw/jbe@1309 | 27 background-color: $chip-bg-color; |
| bsw/jbe@1309 | 28 display: inline-block; |
| bsw/jbe@1309 | 29 color: $text-color-primary; |
| bsw/jbe@1309 | 30 margin: 2px 0; |
| bsw/jbe@1309 | 31 font-size: 0; |
| bsw/jbe@1309 | 32 white-space: nowrap; |
| bsw/jbe@1309 | 33 |
| bsw/jbe@1309 | 34 &__text { |
| bsw/jbe@1309 | 35 font-size: $chip-font-size; |
| bsw/jbe@1309 | 36 vertical-align: middle; |
| bsw/jbe@1309 | 37 display: inline-block; |
| bsw/jbe@1309 | 38 } |
| bsw/jbe@1309 | 39 |
| bsw/jbe@1309 | 40 &__action { |
| bsw/jbe@1309 | 41 height: 24px; |
| bsw/jbe@1309 | 42 width: 24px; |
| bsw/jbe@1309 | 43 background: transparent; |
| bsw/jbe@1309 | 44 opacity: 0.54; |
| bsw/jbe@1309 | 45 display: inline-block; |
| bsw/jbe@1309 | 46 cursor: pointer; |
| bsw/jbe@1309 | 47 text-align: center; |
| bsw/jbe@1309 | 48 vertical-align: middle; |
| bsw/jbe@1309 | 49 padding: 0; |
| bsw/jbe@1309 | 50 margin: 0 0 0 4px; |
| bsw/jbe@1309 | 51 font-size: $chip-font-size; |
| bsw/jbe@1309 | 52 text-decoration: none; |
| bsw/jbe@1309 | 53 color: $text-color-primary; |
| bsw/jbe@1309 | 54 border: none; |
| bsw/jbe@1309 | 55 outline: none; |
| bsw/jbe@1309 | 56 overflow: hidden; |
| bsw/jbe@1309 | 57 } |
| bsw/jbe@1309 | 58 |
| bsw/jbe@1309 | 59 &__contact { |
| bsw/jbe@1309 | 60 height: $chip-height; |
| bsw/jbe@1309 | 61 width: $chip-height; |
| bsw/jbe@1309 | 62 border-radius: $chip-height / 2; |
| bsw/jbe@1309 | 63 display: inline-block; |
| bsw/jbe@1309 | 64 vertical-align: middle; |
| bsw/jbe@1309 | 65 margin-right: 8px; |
| bsw/jbe@1309 | 66 overflow: hidden; |
| bsw/jbe@1309 | 67 text-align: center; |
| bsw/jbe@1309 | 68 font-size: 18px; |
| bsw/jbe@1309 | 69 line-height: 32px; |
| bsw/jbe@1309 | 70 } |
| bsw/jbe@1309 | 71 |
| bsw/jbe@1309 | 72 &:focus { |
| bsw/jbe@1309 | 73 outline: 0; |
| bsw/jbe@1309 | 74 @include shadow-2dp(); |
| bsw/jbe@1309 | 75 } |
| bsw/jbe@1309 | 76 |
| bsw/jbe@1309 | 77 &:active { |
| bsw/jbe@1309 | 78 background-color: $chip-bg-active-color; |
| bsw/jbe@1309 | 79 } |
| bsw/jbe@1309 | 80 |
| bsw/jbe@1309 | 81 &--deletable { |
| bsw/jbe@1309 | 82 padding-right: 4px; |
| bsw/jbe@1309 | 83 } |
| bsw/jbe@1309 | 84 |
| bsw/jbe@1309 | 85 &--contact { |
| bsw/jbe@1309 | 86 padding-left: 0; |
| bsw/jbe@1309 | 87 } |
| bsw/jbe@1309 | 88 } |