CSS tweaks for menu: support fixed width icons, non-underlined links
This commit is contained in:
parent
8ec07a42a6
commit
2b3dd4b1df
1 changed files with 24 additions and 3 deletions
|
@ -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
|
||||
{
|
||||
margin-bottom: $spacing-vertical;
|
||||
|
@ -137,15 +143,30 @@ input[type="search"]
|
|||
.button-text
|
||||
{
|
||||
color: $color-primary;
|
||||
text-decoration: underline;
|
||||
.icon:first-child
|
||||
.icon
|
||||
{
|
||||
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
|
||||
{
|
||||
opacity: 0.70;
|
||||
transition: opacity .225s ease;
|
||||
text-decoration: underline;
|
||||
.icon {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue