Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mojang/web-theme-bootstrap
Contains the theme used on minecraft.net based on Boostrap 4
https://github.com/mojang/web-theme-bootstrap
Last synced: about 1 month ago
JSON representation
Contains the theme used on minecraft.net based on Boostrap 4
- Host: GitHub
- URL: https://github.com/mojang/web-theme-bootstrap
- Owner: Mojang
- License: other
- Created: 2018-06-19T09:54:50.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2023-03-13T10:18:04.000Z (almost 2 years ago)
- Last Synced: 2024-11-08T02:12:18.492Z (about 2 months ago)
- Language: SCSS
- Size: 5.94 MB
- Stars: 132
- Watchers: 29
- Forks: 34
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# web-theme-bootstrap
[](https://travis-ci.org/Mojang/web-theme-bootstrap)
Contains the theme used on minecraft.net based on Bootstrap 4
## Install
```cli
> npm i @mojang/web-theme-bootstrap --save
```
## Included in the package
This package includes two parts:
### 1. SCSS files needed to generate your minecraft.net look and feel.
These files can be found under the scss folder. In your main scss file, include the following to get started:
```scss
$freyja-asset-path: "[path_to_public_folder]";
$master-head-height-lg: 112px;
$master-head-height-md: 87px;
$global-menu-height: 27px;
@import "~@mojang/web-theme-bootstrap/scss/styles";
```
Note that the theme takes care of including bootstrap the way it needs to be included so you do not need to @import it yourself.
### 2. Generic image assets used in several places, including an icon-set
In order to use the image assets and svg icons included in this package you need to have a build step in your build that copies the image assets to your public folder.
The svg icons also needs to be converted into a [svg-sprite](https://css-tricks.com/svg-sprites-use-better-icon-fonts/) using [svgstore](https://github.com/svgstore/svgstore) or similar tool.
### Changelog
v7.3.0 & v7.3.1
- Added fonts: Minecraft Ten V2 & Minecraft Seven V2
v7.0.0
- Update Minecraft, Minecraft Java, Realms & Minecraft Dungeons logos
v6.7.0
- Added new class `.form-tooltip`, `form-tooltip-text`
- Added svg `line-vector-export` and `line-vector-help` followed naming convention.
- Removed svg `vector`
v6.6.0
- Added media query `@media (forced-colors: active)` for `.form-control:focus`
- Added new class `.required:after`
- Added svg `vector`
v6.5.0
- Add a new footer option. `mojang-studios-tall-footer`
v6.4.0
- Added Minecraft Core Brand Logo
v6.3.1
- Fixes README Changelog
v6.3.0
- New primary color (buttons & links are based out of primary). New secondary and tertiary colors. Loader now uses tertiary colors on dark backgrounds.
v6.2.10
- Add Minecraft Java Edition Logo
v6.2.9
- Remove use of `bg-variant` and `text-emphasis-variant` mixins, that are deprecated in [email protected]
v6.2.8
- High contrast fix for button
v6.2.7
- Add box-shadow for disabled button
- High contrast fix for nav bar
v6.2.6
- Rerelease due to publish issue of 6.2.5
v6.2.5
- Add highlight color on focus for link button
v6.2.4
- Add style for radio and link button on high contrast mode
- Add noto sans font assets
v6.2.3
- Fix duplicate id in svg and add button high contrast style
v6.2.2
- Fix radio buttons in high contrast mode
v6.2.1
- Add radio button high contrast style
v6.2.0
- Add Minecraft Dungeons Launcher icons
v6.1.0
- Add `.icon-cero-a`
v6.0.0
**BREAKING CHANGE**
- Rename following classes:
* `mojang-footer` -> `mojang-studios-footer`
* `icon-microsoft-studios` -> `icon-xbox-game-studios`
* `icon-mojang` -> `icon-mojang-studios`
v5.1.0
- Add cero-a logo
v5.0.0
**BREAKING CHANGE**
- Replace logo svgs:
* `mojang` with `mojang-studios-horizontal`
* `mono-mojang` with `mono-mojang-studios-horizontal`
v4.5.0
- Add xbox game studios color logo
v4.4.0
- Add `font-mc-seven`
v4.3.1
- Fix cart icon size
v4.3.0
- Add pixelated cart icon
v4.2.0
- Add Windows logo
- Add new Minecraft Dungeons color
v4.1.0
- Add Minecraft Dungeons logo back
v4.0.0
- Remove Minecraft Dungeons logo
v3.3.1
- Namespace Minecraft Dungeons logo ids
v3.3.0
- Add Minecraft Dungeons logo
v3.2.0
- Darken link color 5%
- Add support for disabled radio button
- Add new checkbox
v3.1.1
- Set link color to primary (was `$primary-supportive`)
v3.1.0
- Update inverted link hover color
- Update `dropdown-menu` style
- Add Xbox Game Studios logo
v3.0.0
- Update primary and tertiary color
- **BREAKING CHANGE**: Remove `$primary-light-1`, `$primary-light-2`, `$primary-dark-1`, `$primary-dark-2`. Use `$primary-supportive` for dark and `$tertiary` for light.
v2.0.0
- Fix position of inline icons
- Add 4 new monochrome SVG logos
- Add a `.svg-logo` class that makes you able to control color through css
- **BREAKING CHANGE**: `#microsoft` and `#mojang` logos now inherit their text color from `currentColor`. Use `.svg-logo` class and set text color to override.