Adapt atom-menu namings
@@ -10,37 +10,37 @@ won-atom-menu {
&.won-failed-to-load,
&.won-is-loading {
- & > .post-menu__item {
+ & > .atom-menu__item {
color: $won-line-gray;
- &.post-menu__item--inactive {
+ &.atom-menu__item--inactive {
color: $won-line-gray;
cursor: default;
pointer-events: none;
}
- &.post-menu__item--selected {
+ &.atom-menu__item--selected {
color: $won-line-gray;
border-bottom: 0.2rem solid $won-line-gray;
}
}
}
- & > .post-menu__item {
+ & > .atom-menu__item {
display: flex;
align-items: center;
cursor: pointer;
padding: 0.25rem 0.5rem;
border-bottom: 0.2rem solid $won-lighter-gray;
- &.post-menu__item--inactive {
+ &.atom-menu__item--inactive {
color: $won-line-gray;
- &.post-menu__item--selected {
+ &.atom-menu__item--selected {
border-bottom-color: 0.2rem solid $won-line-gray;
}
- & > .post-menu__item__rating,
- & > .post-menu__item__count {
+ & > .atom-menu__item__rating,
+ & > .atom-menu__item__count {
height: 0;
width: 0;
opacity: 0;
@@ -50,13 +50,13 @@ won-atom-menu {
}
}
- &.post-menu__item--unread {
- & > .post-menu__item__rating,
- & > .post-menu__item__count,
- & > .post-menu__item__label {
+ &.atom-menu__item--unread {
+ & > .atom-menu__item__rating,
+ & > .atom-menu__item__count,
+ & > .atom-menu__item__label {
color: $won-unread-attention;
}
- & > .post-menu__item__unread {
+ & > .atom-menu__item__unread {
display: inline-block;
background-color: $won-unread-attention;
border-radius: 100%;
@@ -68,8 +68,8 @@ won-atom-menu {
}
}
- &:not(.post-menu__item--unread) {
- & > .post-menu__item__unread {
+ &:not(.atom-menu__item--unread) {
+ & > .atom-menu__item__unread {
display: inline-block;
max-width: 0;
height: 0;
@@ -81,7 +81,7 @@ won-atom-menu {
}
}
- &.post-menu__item--selected {
+ &.atom-menu__item--selected {
color: $won-primary-color;
border-bottom: 0.2rem solid $won-primary-color;
cursor: default;
@@ -93,14 +93,14 @@ won-atom-menu {
border-bottom: 0.2rem solid $won-primary-color-light;
}
- & > .post-menu__item__rating,
- & > .post-menu__item__count,
- & > .post-menu__item__label {
+ & > .atom-menu__item__rating,
+ & > .atom-menu__item__count,
+ & > .atom-menu__item__label {
font-size: $normalFontSize;
}
- & > .post-menu__item__rating,
- & > .post-menu__item__count {
+ & > .atom-menu__item__rating,
+ & > .atom-menu__item__count {
display: inline-block;
margin-left: 0.25rem;
overflow: hidden;
