Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: static/src/scss/components/_breadcrumb.scss

Issue 29633564: Issue 5765 - Remove custom spacing units in help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Left Patch Set: Created Dec. 8, 2017, 9:55 a.m.
Right Patch Set: Fixed issues with rebase Created Dec. 11, 2017, 4:37 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Right: Side by side diff | Download
« no previous file with change/comment | « static/src/scss/components/_article.scss ('k') | static/src/scss/components/_browser-select.scss » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
(no file at all)
1 // This file is part of help.eyeo.com. 1 // This file is part of help.eyeo.com.
2 // Copyright (C) 2017 Eyeo GmbH 2 // Copyright (C) 2017 Eyeo GmbH
3 // 3 //
4 // help.eyeo.com is free software: you can redistribute it and/or modify 4 // help.eyeo.com is free software: you can redistribute it and/or modify
5 // it under the terms of the GNU General Public License as published by 5 // it under the terms of the GNU General Public License as published by
6 // the Free Software Foundation, either version 3 of the License, or 6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version. 7 // (at your option) any later version.
8 // 8 //
9 // help.eyeo.com is distributed in the hope that it will be useful, 9 // help.eyeo.com is distributed in the hope that it will be useful,
10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 27 matching lines...) Expand all
38 38
39 [dir="rtl"] .breadcrumb li 39 [dir="rtl"] .breadcrumb li
40 { 40 {
41 float: right; 41 float: right;
42 padding: 0.25em 0 0.25em 2em; 42 padding: 0.25em 0 0.25em 2em;
43 } 43 }
44 44
45 .breadcrumb li:after 45 .breadcrumb li:after
46 { 46 {
47 position: absolute; 47 position: absolute;
48 top: 0.45em; /* Half height of li:after (1em / 2) minus 0.05em */ 48 top: $x-small-space - 0.05em; /* Half height of li:after minus 0.05em */
49 right: 0.5em; /* Quarter space between li (2em / 4) */ 49 right: $x-small-space; /* Quarter space between li */
50 width: 1em; 50 width: $small-space;
51 height: 1em; 51 height: $small-space;
52 background-image: url(/dist/img/png/arrow-icon-right-gray.png); 52 background-image: url(/dist/img/png/arrow-icon-right-gray.png);
53 background-repeat: no-repeat; 53 background-repeat: no-repeat;
54 background-position: center; 54 background-position: center;
55 background-size: 0.6em 0.9em; 55 background-size: 0.6em 0.9em;
56 content: ""; 56 content: "";
57 } 57 }
58 58
59 [dir="rtl"] .breadcrumb li:after 59 [dir="rtl"] .breadcrumb li:after
60 { 60 {
61 right: auto; 61 right: auto;
62 left: $lg / 4; 62 left: $small-space;
63 background-image: url(/dist/img/png/arrow-icon-left-gray.png); 63 background-image: url(/dist/img/png/arrow-icon-left-gray.png);
64 } 64 }
65 65
66 .breadcrumb li:last-child:after 66 .breadcrumb li:last-child:after
67 { 67 {
68 content: none; 68 content: none;
69 } 69 }
70 70
71 .breadcrumb li a 71 .breadcrumb li a
72 { 72 {
73 color: $gray-dark; 73 color: $gray-dark;
74 } 74 }
75 75
76 .breadcrumb .pre-icon 76 .breadcrumb .pre-icon
77 { 77 {
78 margin-top: -0.5em; 78 margin-top: -0.5em;
79 background-size: 1.1em; 79 background-size: 1.1em;
80 } 80 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld