Skip to content

Add syntax highlighting to some code blocks #1

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

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add syntax highlighting to some code blocks #1

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ What sets claymorphism apart from neumorphism is that it floats above the backgr
## Installation
### CDN

```
```html
<link
rel="stylesheet"
href="https://unpkg.com/claymorphism-css/dist/clay.css"
Expand Down Expand Up @@ -77,7 +77,7 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper

## Options (CSS Variables)

```
```css
--clay-background
--clay-border-radius
--clay-shadow-outset
Expand All @@ -91,7 +91,7 @@ This CSS class allows you to easily change the claymorphic styles via CSS proper

SASS mixin allows you more flexibility in applying claymorphism styles to your components. For example, this way you can easily add styles to pseudo-elements or pseudo-selectors or use the mixin in other SASS mixins or functions.

```
```scss
@import "claymorphism-css/dist/clay.scss";

@import @include clay(
Expand All @@ -115,9 +115,9 @@ If you are using vanilla CSS and a util class, you cannot apply it to pseudo-ele
You'll have to apply the following styles manually. Check out the default values provided by the `clay` class.

```css
background: [value];
border-radius: [value];
box-shadow: [value];
background: [value];
border-radius: [value];
box-shadow: [value];
```


Expand All @@ -133,4 +133,4 @@ I've built a [demo page](https://codeadrian.github.io/clay.css/) and it was real

If you enjoy using clay.css, please consider supporting the development of the project. Your name and link will appear here.

[Become a sponsor!](https://www.buymeacoffee.com/ubnZ8GgDJ/e/52580)
[Become a sponsor!](https://www.buymeacoffee.com/ubnZ8GgDJ/e/52580)