Skip to content
This repository was archived by the owner on Oct 6, 2022. It is now read-only.

Commit 121a673

Browse files
authored
Update README.md
1 parent d78a99b commit 121a673

1 file changed

Lines changed: 54 additions & 4 deletions

File tree

README.md

Lines changed: 54 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,17 @@ Hey! What's Up! It's [LeGend077](//github.com/LeGend077), the creator of the Min
44

55
**About:** This is CSS framework which changes the appearance of a site to Minecraft Bedrock UI(now with Java!) and supports all devices as it is responsive! You can't claim it yours but can use this on your website!
66

7-
**NPM Package**: [https://www.npmjs.com/package/minecraft-framework-css](https://www.npmjs.com/package/minecraft-framework-css). **Warning:** Always use the latest version of package! Latest Version: v1.1.6. If on the Npm Package Page V1.2.0 is written ignore that and use v1.1.6
8-
7+
**NPM Package**: [https://www.npmjs.com/package/minecraft-framework-css](https://www.npmjs.com/package/minecraft-framework-css). **Warning:** Always use the latest version of package! Latest Version: v1.1.7.
98
# Installation
109

1110
CDN:
1211

1312
```html
14-
<link rel="stylesheet" href="https://unpkg.com/minecraft-framework-css@1.1.6/css/main.css">
13+
<link rel="stylesheet" href="https://unpkg.com/minecraft-framework-css@1.1.7/css/main.css">
1514
```
1615

1716
```html
18-
<script src="https://unpkg.com/minecraft-framework-css@1.1.6/css/assets/script.js"></script>
17+
<script src="https://unpkg.com/minecraft-framework-css@1.1.7/css/assets/script.js"></script>
1918
```
2019

2120
1. Paste above `link` tag at the top of your html file below the `head` tag.
@@ -224,6 +223,57 @@ line-height:var(--l-spacing);font-family:'Mojang'">Link</a>
224223

225224
<input type="text" class="input-text" name="text" placeholder="Type....">
226225

226+
- To get a checkbox/toggle, use `<input type="checkbox">`
227+
228+
<input type="checkbox">
229+
230+
- To get a (new) checkbox/toggle, use `<input type="checkbox" class="new">`
231+
232+
<input type="checkbox" class="new">
233+
234+
- To get a MCBE 'Slider', use `<input type="range">`. Note : The Slider can be glitched here.
235+
236+
<input type="range">
237+
238+
- To get a dropdown like MCBE -
239+
240+
<select name="" id="">
241+
<option value="1">Option 1</option>
242+
<option value="2">Option 2</option>
243+
<option value="3">Option 3</option>
244+
<option value="4">Option 4</option>
245+
</select>
246+
247+
```html
248+
<select name="dropdown" id="dropdown">
249+
<option value="1">Option 1</option>
250+
<option value="2">Option 2</option>
251+
<option value="3">Option 3</option>
252+
<option value="4">Option 4</option>
253+
</select>
254+
```
255+
256+
# Cursors
257+
258+
Well as you know, In MCBE, there are custom cursors.
259+
260+
- To get a have cursors, you need to add `cursor` attribute to a particular element or to the `body`. Cursor attribute is with three options:
261+
262+
`cursor="arrow"`- Cursor Appearance as Minecraft Arrow
263+
264+
`cursor="pointer"`- Cursor Appearance as Pointer(used in consoles, ps4 etc)
265+
266+
`cursor="default"`- Cursor Appearance as Default.
267+
268+
<div class="container" cursor="arrow">Hover on me</div>
269+
<div class="container" cursor="pointer">Hover on me</div>
270+
<div class="container" cursor="default">Hover on me</div>
271+
272+
```html
273+
<div class="container" cursor="arrow">Hover on me</div>
274+
<div class="container" cursor="pointer">Hover on me</div>
275+
<div class="container" cursor="default">Hover on me</div>
276+
```
227277

228278
# Responsiveness
229279

0 commit comments

Comments
 (0)