cleanup styles

This commit is contained in:
Sean Yesmunt 2021-02-11 00:40:13 -05:00
parent 1f117e43bd
commit 02019edcb7
3 changed files with 17 additions and 11 deletions

View file

@ -243,8 +243,6 @@ $thumbnailWidthSmall: 0rem;
font-size: var(--font-xsmall);
.menu__link {
padding-left: 0;
padding-right: 0;
padding: 0;
}
}
@ -265,14 +263,12 @@ $thumbnailWidthSmall: 0rem;
.comment__menu-title {
@extend .help;
display: flex;
justify-content: space-between;
margin-top: 0;
padding-left: var(--spacing-xs);
padding-right: var(--spacing-xl);
padding-bottom: var(--spacing-xs);
font-size: var(--font-small);
border-bottom: 1px solid var(--color-border);
margin-top: 0;
padding-left: var(--spacing-s);
padding-bottom: var(--spacing-s);
padding-right: var(--spacing-xl);
}
.comment__menu-help {
@ -361,8 +357,8 @@ $thumbnailWidthSmall: 0rem;
}
.comment__menu-active {
padding-left: var(--spacing-s);
padding-top: var(--spacing-s);
padding: var(--spacing-xs);
padding-bottom: 0;
border-top: 1px solid var(--color-border);
margin-top: var(--spacing-s);
display: flex;

View file

@ -109,15 +109,25 @@
height: var(--height-button);
width: var(--height-button);
margin-right: 0;
transition: border-radius var(--animation-duration);
border-radius: calc(var(--height-button) / 2);
img {
transition: border-radius var(--animation-duration);
border-radius: calc(var(--height-button) / 2);
}
}
&:hover {
opacity: 0.7;
.channel-thumbnail {
border-radius: var(--border-radius);
img {
border-radius: var(--border-radius);
}
}
}
}

View file

@ -66,7 +66,7 @@
@extend .menu__list;
border: 1px solid var(--color-border);
border-radius: var(--border-radius);
padding: var(--spacing-s) 0;
padding: var(--spacing-xs) 0;
[data-reach-menu-item] {
margin: 0 var(--spacing-xs);