12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- // /**
- // * Copyright © Magento, Inc. All rights reserved.
- // * See COPYING.txt for license details.
- // */
- //
- // Horizontal tabs
- // _____________________________________________
- // Are used in dashboard
- .tabs-horiz {
- &:extend(.abs-clearfix all);
- margin: 0;
- padding: 0;
- // Default tab
- .ui-state-default {
- background: @color-gray89;
- border: .1rem solid @color-gray68;
- float: left;
- letter-spacing: .0183em; // For tab width fixing depending on normal-semibold font-weight
- list-style: none;
- margin-right: .4rem;
- }
- // Hovered tab
- .ui-state-hover {
- background: @color-gray84;
- }
- // Active tab
- .ui-state-active {
- background: @color-white;
- border-bottom: 0;
- font-weight: @font-weight__semibold;
- letter-spacing: normal;
- margin-bottom: -.1rem;
- .ui-tabs-anchor {
- border-bottom: .1rem solid @color-white;
- border-top: .4rem solid @color-phoenix;
- padding-top: 1.1rem;
- }
- }
- .ui-tabs-anchor {
- color: @color-brown-darker;
- display: block;
- padding: 1.5rem 1.8rem 1.3rem;
- text-decoration: none;
- &:hover { // ToDo UI: should be deleted with old styles
- color: @color-brown-darker;
- text-decoration: none;
- }
- }
- }
- // Tabs content
- .ui-tabs-panel {
- margin-top: -1px;
- padding: 2rem;
- }
|