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

Delta Between Two Patch Sets: static/scss/components/_pre-icon.scss

Issue 29588588: Issue 5848 - Fix vertical alignment on .heading-icon images in help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Left Patch Set: Created Oct. 25, 2017, 10:21 a.m.
Right Patch Set: Rewrite .has-pre-icon Created Oct. 30, 2017, 9:44 a.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
LEFTRIGHT
(no file at all)
1 // This file is part of help.eyeo.com.
2 // Copyright (C) 2017 Eyeo GmbH
3 //
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
6 // the Free Software Foundation, either version 3 of the License, or
7 // (at your option) any later version.
8 //
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
11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12 // GNU General Public License for more details.
13 //
14 // You should have received a copy of the GNU General Public License
15 // along with help.eyeo.com. If not, see <http://www.gnu.org/licenses/>.
16
17 // Pre Icon //////////////////////////////////////////////////////////////////
18
19 .has-pre-icon
20 {
21 position: relative;
22 padding-left: 1.3em;
23 }
24
25 [dir="rtl"] .has-pre-icon
26 {
27 padding-right: 1.3em;
28 padding-left: auto;
29 }
30
31 .pre-icon
32 {
33 display: inline-block;
34 position: absolute;
35 top: 50%;
36 left: 0;
37 width: 1em;
38 height: 1em;
39 margin-top: -0.55em;
40 background-repeat: no-repeat;
41 background-position: center;
42 background-size: 0.9em;
43 }
44
45 [dir="rtl"] .pre-icon
46 {
47 right: 0;
48 left: auto;
49 }
LEFTRIGHT

Powered by Google App Engine
This is Rietveld