LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

CSS tweaks for menu: support fixed width icons, non-underlined links

Browse source
This commit is contained in:
Alex Liebowitz 2016-05-27 07:04:37 -04:00
parent 8ec07a42a6
commit 2b3dd4b1df
1 changed files with 24 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
scss/_gui.scss
View file

@ -23,6 +23,12 @@ body
} }
} }
.icon-fixed-width {
/* This borrowed is from a component of Font Awesome we're not using, maybe add it? */
width: (18em / 14);
text-align: center;
}
section section
{ {
margin-bottom: $spacing-vertical; margin-bottom: $spacing-vertical;
@ -137,15 +143,30 @@ input[type="search"]
.button-text .button-text
{ {
color: $color-primary; color: $color-primary;
text-decoration: underline; .icon
.icon:first-child
{ {
padding-right: 5px; &:first-child {
padding-right: 5px;
}
&:last-child:not(:only-child) {
padding-left: 5px;
}
}
&:not(.no-underline) {
text-decoration: underline;
.icon {
text-decoration: none;
}
} }
&:hover &:hover
{ {
opacity: 0.70; opacity: 0.70;
transition: opacity .225s ease; transition: opacity .225s ease;
text-decoration: underline;
.icon {
text-decoration: none;
}
} }
} }