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

Side by Side Diff: static/scss/components/_lists.scss

Issue 29593558: Noissue - Remove underline from last two items on columned underlined lists (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Created Oct. 31, 2017, 8:21 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 17 matching lines...) Expand all
28 padding-bottom: $sm; 28 padding-bottom: $sm;
29 border-bottom: 1px dotted $gray; 29 border-bottom: 1px dotted $gray;
30 color: $accent; 30 color: $accent;
31 } 31 }
32 32
33 .underlined-list li:last-child a 33 .underlined-list li:last-child a
34 { 34 {
35 border-bottom: none; 35 border-bottom: none;
36 } 36 }
37 37
38 // For underlined lists split into two columns, add a border-top 38 // For underlined lists that split into two columns, remove the
39 // border-bottom from the 2nd-to-last item on larger screens
40 // (when expanded to two columns)
41
42 .underlined-list .one-half:nth-last-child(2) a
43 {
44 @media (min-width: $tablet-breakpoint)
45 {
46 border-bottom: none;
47 }
48 }
49
50 // For underlined lists that split into two columns, add a border-top
39 // to the first 2 children on larger screens, and only the first 51 // to the first 2 children on larger screens, and only the first
40 // child on smaller screens (when collapsed to one column) 52 // child on smaller screens (when collapsed to one column)
41 53
42 .underlined-list .one-half:nth-child(1) a 54 .underlined-list .one-half:nth-child(1) a
43 { 55 {
44 border-top: 1px dotted $gray; 56 border-top: 1px dotted $gray;
45 } 57 }
46 58
47 .underlined-list .one-half:nth-child(2) a 59 .underlined-list .one-half:nth-child(2) a
48 { 60 {
(...skipping 14 matching lines...) Expand all
63 .horizontal-list li 75 .horizontal-list li
64 { 76 {
65 display: inline; 77 display: inline;
66 list-style: none; 78 list-style: none;
67 } 79 }
68 80
69 [dir="rtl"] .horizontal-list 81 [dir="rtl"] .horizontal-list
70 { 82 {
71 padding: 0; 83 padding: 0;
72 } 84 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld