lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Tidy tabs SCSS

This commit is contained in:
Samuel Elliott 2018-02-17 00:56:03 +00:00
parent d1d2610416
commit c7db7fc2a7
No known key found for this signature in database
GPG Key ID: 8420C7CDE43DC4D6
3 changed files with 47 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
client/src/styles/partials/generic/buttons.scss
View File

@ -79,50 +79,3 @@
} }
} }
} }
.bd-tabheader {
.bd-button {
background: transparent;
border-bottom: 2px solid rgba(114, 118, 126, 0.3);
h3 {
-webkit-user-select: none;
user-select: none;
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
flex-grow: 1;
}
.bd-material-button {
width: 30px;
height: 30px;
.material-design-icon,
.bd-material-design-icon {
display: flex;
align-items: center;
fill: #FFF;
svg {
width: 24px;
height: 24px;
}
}
&:hover {
background: #2d2f34;
}
}
&:hover,
&.bd-active {
background: transparent;
border-bottom: 2px solid $colbdblue;
}
}
}

1
client/src/styles/partials/generic/index.scss
View File

@ -1,6 +1,7 @@
@import './spinners/index.scss'; @import './spinners/index.scss';
@import './scrollable.scss'; @import './scrollable.scss';
@import './buttons.scss'; @import './buttons.scss';
@import './tabs.scss';
@import './forms.scss'; @import './forms.scss';
@import './forms/index.scss'; @import './forms/index.scss';
@import './material-buttons.scss'; @import './material-buttons.scss';

46
client/src/styles/partials/generic/tabs.scss Normal file
View File

@ -0,0 +1,46 @@
.bd-tabheader {
.bd-button {
background: transparent;
border-bottom: 2px solid rgba(114, 118, 126, 0.3);
h3 {
-webkit-user-select: none;
user-select: none;
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
flex-grow: 1;
}
.bd-material-button {
width: 30px;
height: 30px;
.material-design-icon,
.bd-material-design-icon {
display: flex;
align-items: center;
fill: #fff;
svg {
width: 24px;
height: 24px;
}
}
&:hover {
background: #2d2f34;
}
}
&:hover,
&.bd-active {
background: transparent;
border-bottom: 2px solid $colbdblue;
}
}
}