p96170835
/
amis
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

优化 remark 样式

This commit is contained in:
2betop 2020-07-13 18:14:13 +08:00
parent 63d97bc511
commit 4eeb473598
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
scss/components/_remark.scss
View File

@ -1,21 +1,25 @@
.#{$ns}Remark { .#{$ns}Remark {
display: inline-block; display: inline-block;
margin-left: $Remark-marginLeft; margin-left: $Remark-marginLeft;
color: $Remark-iconColor;
font-size: $fontSizeBase;
line-height: 1;
cursor: pointer; cursor: pointer;
background-color: $Remark-bg;
border: $Remark-borderWidth solid $Remark-borderColor;
text-align: center; text-align: center;
width: $Remark-width;
&-icon { &-icon {
color: inherit; color: $Remark-iconColor;
font-size: $Remark-icon-fontSize; font-size: $Remark-icon-fontSize;
background-color: $Remark-bg;
border: $Remark-borderWidth solid $Remark-borderColor;
width: $Remark-width;
height: $Remark-width;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: $fontSizeBase;
} }
&:hover { &:hover > &-icon {
color: $Remark-onHover-iconColor; color: $Remark-onHover-iconColor;
background-color: $Remark-onHover-bg; background-color: $Remark-onHover-bg;
border-color: $Remark-onHover-borderColor; border-color: $Remark-onHover-borderColor;

4
scss/components/form/_form.scss
View File

@ -271,6 +271,10 @@
display: inline-block; display: inline-block;
} }
> .#{$ns}Remark {
padding-top: $Form-label-paddingTop;
}
> .#{$ns}Form-control.#{$ns}InputGroup { > .#{$ns}Form-control.#{$ns}InputGroup {
display: inline-flex; display: inline-flex;
} }