1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Ghost-Admin/app/styles/components/tabs.css
Peter Zimon 183e22e0bf 🎨 Updated admin area design and usability (#1232)
refs. https://github.com/TryGhost/Team/issues/205

Major update to Ghost Admin UI including:
- improved general consistency (typography, colors and contrast, UI components, icons)
- new design for post and pages lists, improved discoverability of filters 
- search moved to modal
- account menu is decoupled from ghost logo
- further usability fixes
2019-06-18 11:47:20 +01:00

29 lines
No EOL
503 B
CSS

.gh-tabs {
display: flex;
align-items: center;
border-bottom: 1px solid var(--lightgrey-d1);
padding: 3px 0 8px;
}
.gh-tab {
padding: 4px 2px;
margin-right: 28px;
color: var(--midgrey-d2);
border-radius: 4px;
}
.gh-tab.selected {
font-weight: 700;
color: var(--darkgrey);
position: relative;
}
.gh-tab.selected::after {
content: "";
position: absolute;
height: 3px;
background: var(--blue);
width: 100%;
bottom: -9px;
left: 0;
}