Fix CSS extraneous space beneath icons

This commit is contained in:
Keavon Chambers 2021-05-05 22:08:58 -07:00
parent 9c324edfe0
commit e448f908e3
8 changed files with 14 additions and 26 deletions

View file

@ -153,10 +153,6 @@
margin-bottom: -8px;
}
}
.swap-and-reset {
font-size: 0;
}
}
.viewport {

View file

@ -13,6 +13,7 @@
outline: none;
border: none;
border-radius: 2px;
vertical-align: top;
background: #111;
fill: #ddd;

View file

@ -8,17 +8,15 @@
.icon-button {
display: inline-block;
flex: 0 0 auto;
padding: 0;
outline: none;
border: none;
padding: 0;
border-radius: 2px;
background: none;
vertical-align: top;
fill: #ddd;
width: 16px;
height: 16px;
background: none;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
color: #ddd;
fill: #ddd;
&:not(.gap-after) + .icon-button {
margin-left: 0;

View file

@ -8,17 +8,10 @@
.icon-container {
display: inline-block;
flex: 0 0 auto;
outline: none;
border: none;
padding: 0;
fill: #ddd;
vertical-align: top;
width: 16px;
height: 16px;
background: none;
font-weight: bold;
font-size: 10px;
border-radius: 2px;
color: #ddd;
fill: #ddd;
&:not(.gap-after) + .icon-container {
margin-left: 0;

View file

@ -24,7 +24,7 @@
padding: 0;
line-height: 22px;
color: #ddd;
font-size: 14px;
font-size: inherit;
text-align: center;
font-family: inherit;

View file

@ -6,8 +6,6 @@
<style lang="scss">
.radio-picker {
font-size: 0;
button {
fill: #ddd;
border-radius: 0;

View file

@ -8,7 +8,6 @@
.shelf-item {
padding: 4px;
border-radius: 2px;
font-size: 0;
&:hover {
background: #666;
@ -21,6 +20,7 @@
svg {
width: 24px;
height: 24px;
vertical-align: top;
}
}
</style>

View file

@ -70,8 +70,6 @@
}
.input-mouse {
font-size: 0;
.bright {
fill: #ddd;
}
@ -79,6 +77,10 @@
.dim {
fill: #888;
}
svg {
vertical-align: top;
}
}
}
</style>