Mercurial > hg > isophonics-drupal-site
annotate core/themes/classy/css/components/tabs.css @ 19:fa3358dc1485 tip
Add ndrum files
author | Chris Cannam |
---|---|
date | Wed, 28 Aug 2019 13:14:47 +0100 |
parents | af1871eacc83 |
children |
rev | line source |
---|---|
Chris@0 | 1 /** |
Chris@0 | 2 * @file |
Chris@0 | 3 * Visual styles for tabs. |
Chris@0 | 4 */ |
Chris@0 | 5 |
Chris@0 | 6 div.tabs { |
Chris@0 | 7 margin: 1em 0; |
Chris@0 | 8 } |
Chris@0 | 9 ul.tabs { |
Chris@0 | 10 margin: 0 0 0.5em; |
Chris@0 | 11 padding: 0; |
Chris@18 | 12 list-style: none; |
Chris@0 | 13 } |
Chris@0 | 14 .tabs > li { |
Chris@0 | 15 display: inline-block; |
Chris@0 | 16 margin-right: 0.3em; /* LTR */ |
Chris@0 | 17 } |
Chris@0 | 18 [dir="rtl"] .tabs > li { |
Chris@18 | 19 margin-right: 0; |
Chris@0 | 20 margin-left: 0.3em; |
Chris@0 | 21 } |
Chris@0 | 22 .tabs a { |
Chris@0 | 23 display: block; |
Chris@0 | 24 padding: 0.2em 1em; |
Chris@0 | 25 text-decoration: none; |
Chris@0 | 26 } |
Chris@0 | 27 .tabs a.is-active { |
Chris@0 | 28 background-color: #eee; |
Chris@0 | 29 } |
Chris@0 | 30 .tabs a:focus, |
Chris@0 | 31 .tabs a:hover { |
Chris@0 | 32 background-color: #f5f5f5; |
Chris@0 | 33 } |