| Revision 3763:857d4768935c,
1.3 KB
checked in by franck <carnet.franck.paul@…>, 7 years ago
(diff) |
|
Use sass variables for every color used (mainly foreground, background, border)
|
| Line | |
|---|
| 1 | .fav-list { |
|---|
| 2 | list-style-type: none; |
|---|
| 3 | margin-left: 0; |
|---|
| 4 | padding-left: 0; |
|---|
| 5 | #my-favs & { |
|---|
| 6 | border-top: 1px solid $fav-list-border; |
|---|
| 7 | } |
|---|
| 8 | li { |
|---|
| 9 | margin-left: 0; |
|---|
| 10 | padding-left: 0; |
|---|
| 11 | padding-top: 3px; |
|---|
| 12 | padding-bottom: 3px; |
|---|
| 13 | position: relative; |
|---|
| 14 | #my-favs & { |
|---|
| 15 | line-height: 2; |
|---|
| 16 | border-bottom: 1px solid $fav-list-border; |
|---|
| 17 | padding-top: 3px; |
|---|
| 18 | padding-bottom: 3px; |
|---|
| 19 | position: relative; |
|---|
| 20 | } |
|---|
| 21 | #my-favs:focus-within & { |
|---|
| 22 | border-bottom-color: $fav-list-border-alt; |
|---|
| 23 | } |
|---|
| 24 | span.zoom { |
|---|
| 25 | display: none; |
|---|
| 26 | } |
|---|
| 27 | &:hover span.zoom { |
|---|
| 28 | display: block; |
|---|
| 29 | position: absolute; |
|---|
| 30 | bottom: 0; |
|---|
| 31 | left: 10em; |
|---|
| 32 | background-color: $fav-list-background-over; |
|---|
| 33 | border: 1px solid $fav-list-border-alt; |
|---|
| 34 | padding: .2em; |
|---|
| 35 | border-radius: .5em; |
|---|
| 36 | } |
|---|
| 37 | } |
|---|
| 38 | img { |
|---|
| 39 | vertical-align: middle; |
|---|
| 40 | margin-right: .2em; |
|---|
| 41 | } |
|---|
| 42 | } |
|---|
| 43 | |
|---|
| 44 | #my-favs { |
|---|
| 45 | border-color: $my-favs-border; |
|---|
| 46 | input.position { |
|---|
| 47 | margin: 0 0 .4em .2em; |
|---|
| 48 | } |
|---|
| 49 | |
|---|
| 50 | } |
|---|
| 51 | |
|---|
| 52 | #available-favs { |
|---|
| 53 | input, |
|---|
| 54 | label, |
|---|
| 55 | label span { |
|---|
| 56 | white-space: normal; |
|---|
| 57 | display: inline; |
|---|
| 58 | } |
|---|
| 59 | label span.zoom { |
|---|
| 60 | display: none; |
|---|
| 61 | } |
|---|
| 62 | li:hover label span.zoom { |
|---|
| 63 | display: block; |
|---|
| 64 | position: absolute; |
|---|
| 65 | bottom: 0; |
|---|
| 66 | left: 10em; |
|---|
| 67 | background-color: $fav-list-background; |
|---|
| 68 | border: 1px solid $fav-list-border-alt; |
|---|
| 69 | padding: .2em; |
|---|
| 70 | border-radius: .5em; |
|---|
| 71 | } |
|---|
| 72 | } |
|---|
| 73 | |
|---|
| 74 | #user-options label.ib { |
|---|
| 75 | display: inline-block; |
|---|
| 76 | width: 14em; |
|---|
| 77 | padding-right: 1em; |
|---|
| 78 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
