Skip to content

Instantly share code, notes, and snippets.

@Manish-Giri
Created December 21, 2019 02:44
Show Gist options
  • Save Manish-Giri/19e0f03351521753b155e9e049edff7a to your computer and use it in GitHub Desktop.
Save Manish-Giri/19e0f03351521753b155e9e049edff7a to your computer and use it in GitHub Desktop.
/* TAB */
.MuiTab-root {
padding: 6px 12px;
overflow: hidden;
position: relative;
font-size: 0.875rem;
max-width: 264px;
min-width: 72px;
box-sizing: border-box;
min-height: 48px;
text-align: center;
flex-shrink: 0;
font-family: Roboto500, sans-serif;
font-weight: 500;
line-height: 1.75;
white-space: normal;
text-transform: uppercase;
}
@media (min-width:600px) {
.MuiTab-root {
font-size: 0.8125rem;
min-width: 160px;
}
}
.MuiTab-labelIcon {
min-height: 72px;
padding-top: 9px;
}
.MuiTab-labelIcon .MuiTab-wrapper > *:first-child {
margin-bottom: 6px;
}
.MuiTab-textColorInherit {
color: inherit;
opacity: 0.7;
}
.MuiTab-textColorInherit.Mui-selected {
opacity: 1;
}
.MuiTab-textColorInherit.Mui-disabled {
opacity: 0.4;
}
.MuiTab-textColorPrimary {
color: rgba(255, 255, 255, 0.7);
}
.MuiTab-textColorPrimary.Mui-selected {
color: #1b2a39;
}
.MuiTab-textColorPrimary.Mui-disabled {
color: rgba(255, 255, 255, 0.5);
}
.MuiTab-textColorSecondary {
color: rgba(255, 255, 255, 0.7);
}
.MuiTab-textColorSecondary.Mui-selected {
color: #4177a5;
}
.MuiTab-textColorSecondary.Mui-disabled {
color: rgba(255, 255, 255, 0.5);
}
.MuiTab-fullWidth {
flex-grow: 1;
max-width: none;
flex-basis: 0;
flex-shrink: 1;
}
.MuiTab-wrapped {
font-size: 0.75rem;
line-height: 1.5;
}
.MuiTab-wrapper {
width: 100%;
display: inline-flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
/* TABS */
.MuiTabs-root {
display: flex;
overflow: hidden;
min-height: 48px;
-webkit-overflow-scrolling: touch;
}
.MuiTabs-vertical {
flex-direction: column;
}
.MuiTabs-flexContainer {
display: flex;
}
.MuiTabs-flexContainerVertical {
flex-direction: column;
}
.MuiTabs-centered {
justify-content: center;
}
.MuiTabs-scroller {
flex: 1 1 auto;
display: inline-block;
position: relative;
white-space: nowrap;
}
.MuiTabs-fixed {
width: 100%;
overflow-x: hidden;
}
.MuiTabs-scrollable {
overflow-x: scroll;
scrollbar-width: none;
}
.MuiTabs-scrollable::-webkit-scrollbar {
display: none;
}
@media (max-width:599.95px) {
.MuiTabs-scrollButtonsDesktop {
display: none;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment