MediaWiki:Vector.less: Difference between revisions
From Equestripedia, the Archives of Equestria!
Content added Content deleted
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
@import '../../variables.less'; |
|||
// Tab Separators |
|||
@import 'mediawiki.mixins.less'; |
|||
// `.vectorTabs`: Outer start border (left in LTR) of tab row. |
|||
// `.vectorTabs a`: Border between tabs and outer end (right in LTR) border. |
|||
/** |
|||
// `#mw-head .vector-menu-dropdown h3`: // Outer end (right in LTR) border of "Actions" menu. |
|||
* Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions) |
|||
.vector-menu-tabs, |
|||
*/ |
|||
.vector-menu-tabs a, |
|||
#mw-head .vector-menu-dropdown h3 { |
|||
⚫ | |||
⚫ | |||
background-repeat: no-repeat; |
|||
radius: 0.5em 0.5em 0 0; |
|||
// Contain gradient to 1px × 100% size and draw from top to bottom-left or -right corner. |
|||
background-size: @border-width-base 100%; |
|||
⚫ | |||
/* Namespaces and Views */ |
/* Namespaces and Views */ |
||
Line 18: | Line 10: | ||
// Tab separator: Outer start border (left in LTR) of tab row. |
// Tab separator: Outer start border (left in LTR) of tab row. |
||
background-position: left bottom; |
background-position: left bottom; |
||
float: |
float: left; |
||
height: 2.5em; |
height: 2.5em; |
||
padding-left: @border-width-base; |
padding-left: @border-width-base; |
||
Line 28: | Line 20: | ||
ul { |
ul { |
||
float: |
float: right; |
||
height: |
height: 400%; |
||
list-style: none none; |
list-style: none none; |
||
margin: 0; |
margin: 0; |
||
Line 65: | Line 57: | ||
} |
} |
||
} |
} |
||
.new { |
|||
a, |
|||
a:visited { |
|||
color: @color-link-new; |
|||
} |
|||
} |
|||
.selected { |
|||
// Replace tab fade with flat color (matching top of would-be fade). |
|||
⚫ | |||
// Overwrite above in browsers that support `rgba()`. |
|||
background: rgba( 255, 255, 255, 1 ); // stylelint-disable-line declaration-block-no-shorthand-property-overrides |
|||
a, |
|||
a:visited { |
|||
color: @color-link-selected; |
|||
text-decoration: none; |
|||
} |
|||
} |
|||
.icon { |
|||
a { |
|||
background-position: right bottom; |
|||
⚫ | |||
} |
|||
} |
|||
⚫ |