Skip to content

Commit

Permalink
style(typography): add block highlight styles
Browse files Browse the repository at this point in the history
- Add transition effects for block elements
- Implement highlight style with box-shadow
- Create select style without box-shadow
  • Loading branch information
mustakshif committed Nov 9, 2024
1 parent e035a83 commit 9ef2ebd
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 1 deletion.
16 changes: 16 additions & 0 deletions style/typography/protyle.scss
Original file line number Diff line number Diff line change
Expand Up @@ -1042,6 +1042,22 @@
[data-type~=s] {
opacity: .5 !important;
}

[data-node-id] {
transition-property: box-shadow, background-color;
transition-duration: .2s;
transition-timing-function: $timing-function-decelerate;
}

// 块高亮
&--hl {
box-shadow: 0 0 0 2px var(--b3-theme-primary-light);
// background-color: transparent !important;
}

&--select{
box-shadow: none;
}
}

//文字格式工具条
Expand Down
2 changes: 1 addition & 1 deletion theme.css

Large diffs are not rendered by default.

0 comments on commit 9ef2ebd

Please sign in to comment.