Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

嵌入内容块样式优化-添加阴影效果 #19

Closed
Soltus opened this issue Oct 17, 2022 · 3 comments
Closed

嵌入内容块样式优化-添加阴影效果 #19

Soltus opened this issue Oct 17, 2022 · 3 comments
Assignees
@Soltus
Labels
Feature
Milestone
0.16

Comments

@Soltus
Copy link
Contributor

Soltus commented Oct 17, 2022

No description provided.

@Soltus Soltus added the Feature label Oct 17, 2022
@Soltus Soltus added this to the 0.16 milestone Oct 17, 2022
@Soltus Soltus self-assigned this Oct 17, 2022
@Soltus Soltus changed the title 嵌入内容块样式优化 嵌入内容块样式优化-添加阴影效果 Oct 18, 2022
@Soltus
Copy link
Contributor Author

Soltus commented Oct 18, 2022 

/* 嵌入内容块 embed */
.protyle-wysiwyg__embed {
    box-shadow: rgba(6, 24, 44, 0.31) 0px 0px 1px 2px, rgba(6, 24, 44, 0.13) 0px 2px 2px -1px inset;
}

@Soltus
Copy link
Contributor Author

Soltus commented Oct 18, 2022

换个样式：

/* 嵌入内容块 embed */
.protyle-wysiwyg__embed {
    /* box-shadow: rgba(6, 24, 44, 0.31) 0px 0px 1px 2px, rgba(6, 24, 44, 0.13) 0px 2px 2px -1px inset; */
    border-radius: 6px;
    opacity: .86;
    background: var(--SCC-Gray-HellisePotter);
    box-shadow: inset 9px 9px 29px #cacfde, inset -9px -9px 29px #f2f7ff;
}

@Soltus Soltus closed this as completed Oct 18, 2022
@Soltus
Copy link
Contributor Author

Soltus commented Oct 18, 2022

细节优化：
image

@Soltus Soltus mentioned this issue Oct 18, 2022
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Soltus Soltus

Labels
Feature
Projects
None yet
Milestone
0.16
Development

No branches or pull requests
1 participant
@Soltus