BetterDiscordApp-v2/client/src/styles/partials/generic/tabs.scss

101 lines
2.0 KiB
SCSS
Raw Normal View History

2018-02-17 03:15:43 +01:00
.bd-tabbar {
flex: 0 0 auto;
margin-right: -15px;
display: flex;
2018-02-17 01:56:03 +01:00
.bd-button {
background: transparent;
2018-08-15 11:42:43 +02:00
border-bottom: 2px solid rgba(114, 118, 126, .3);
2018-02-17 03:15:43 +01:00
cursor: pointer;
margin-right: 15px;
padding: 15px 0;
color: #87909c;
font-size: 14px;
font-weight: 500;
2018-08-15 11:42:43 +02:00
transition: color .2s ease, border-bottom-color .2s ease;
2018-02-17 03:15:43 +01:00
flex: 0 0;
display: flex;
2018-02-17 01:56:03 +01:00
h3 {
2018-02-17 03:15:43 +01:00
flex: 0 0;
2018-02-17 01:56:03 +01:00
}
2018-08-15 04:03:56 +02:00
.bd-materialButton {
2018-02-19 19:12:17 +01:00
margin: -1px 0 -1px 4px;
}
&:hover,
&.bd-active {
background: transparent;
2018-08-15 09:45:10 +02:00
border-bottom-color: $colbdgreen;
2018-02-19 19:12:17 +01:00
color: #fff;
2018-08-15 04:03:56 +02:00
.bd-materialDesignIcon {
2018-02-19 19:12:17 +01:00
fill: #fff;
}
}
&.bd-active {
cursor: default;
}
2018-03-05 04:02:49 +01:00
.bd-settingswrap & {
min-width: 150px;
padding: 0;
2018-03-05 04:02:49 +01:00
}
2018-02-19 19:12:17 +01:00
}
2018-08-15 04:03:56 +02:00
.bd-materialButtonWrap {
2018-02-19 19:12:17 +01:00
margin-right: 15px;
flex: 0 0;
padding: 17px 0 18px;
2018-08-15 04:03:56 +02:00
.bd-materialButton {
2018-02-19 19:12:17 +01:00
margin: 0;
}
}
.bd-button,
2018-08-15 04:03:56 +02:00
.bd-materialButtonWrap {
.bd-materialButton {
2018-02-17 03:15:43 +01:00
width: 16px;
height: 16px;
flex: 0 0;
cursor: pointer;
2018-02-17 01:56:03 +01:00
2018-08-15 04:03:56 +02:00
.bd-materialDesignIcon {
2018-02-17 01:56:03 +01:00
display: flex;
align-items: center;
2018-02-17 03:15:43 +01:00
fill: #87909c;
2018-08-15 11:42:43 +02:00
transition: fill .2s ease;
2018-02-17 01:56:03 +01:00
svg {
2018-02-17 03:15:43 +01:00
width: 16px;
height: 16px;
2018-02-17 01:56:03 +01:00
}
}
&:hover {
2018-02-17 03:15:43 +01:00
background-color: transparent;
2018-08-15 04:03:56 +02:00
.bd-materialDesignIcon {
2018-02-17 03:15:43 +01:00
fill: #fff;
}
2018-02-17 01:56:03 +01:00
}
}
}
2018-08-15 04:03:56 +02:00
.bd-settingswrapHeader & {
margin-bottom: -20px;
.bd-button {
font-size: 16px;
2018-02-19 19:12:17 +01:00
}
2018-08-15 04:03:56 +02:00
.bd-materialButton {
2018-02-19 19:12:17 +01:00
width: 18px;
height: 18px;
}
}
2018-02-17 01:56:03 +01:00
}