layouts
└── _default
└── _markup
└── render-link.html
| // converter rgba(r, g, b, a) color to #HEX string without alpha channel, | |
| // with optional applying afterwards opacity ($opacity) | |
| // by default alpha channel for rgba-color is applying against white background, | |
| // but you can change it by setting third argumnet ($background) | |
| @function rgba-to-rgb($rgba, $opacity: 0, $background: #fff) { | |
| @if $opacity > 0 { | |
| @if $opacity < 1 { | |
| $opacity: $opacity * 100 | |
| } | |
| @return mix(mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%), rgb(255,255,255), $opacity) |
With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.
This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.
If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!
Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)
| // Licensed under a CC0 1.0 Universal (CC0 1.0) Public Domain Dedication | |
| // http://creativecommons.org/publicdomain/zero/1.0/ | |
| // HTML files: try the network first, then the cache. | |
| // Other files: try the cache first, then the network. | |
| // Both: cache a fresh version if possible. | |
| // (beware: the cache will grow and grow; there's no cleanup) | |
| const cacheName = 'files'; |
| 1. Flashing the recovery image: | |
| fastboot flash recovery recovery.img | |
| 2. Flash the kernel and bootloader: | |
| fastboot flash boot boot.img | |
| 3. Erase a partition: | |
| fastboot erase cache |
| .select2-container--bootstrap { | |
| display: block; | |
| /*------------------------------------* #COMMON STYLES | |
| \*------------------------------------*/ | |
| /** | |
| * Search field in the Select2 dropdown. | |
| */ | |
| /** | |
| * No outline for all search fields - in the dropdown | |
| * and inline in multi Select2s. |
| /*! X-editable - v1.5.1 | |
| * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery | |
| * http://github.com/vitalets/x-editable | |
| * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ | |
| /** | |
| Form with single input element, two buttons and two states: normal/loading. | |
| Applied as jQuery method to DIV tag (not to form tag!). This is because form can be in loading state when spinner shown. | |
| Editableform is linked with one of input types, e.g. 'text', 'select' etc. | |
| @class editableform |
| // Import this file after select2 bootstrap theme. Content won't be centered if you don't include this file. | |
| .select2-container--bootstrap { | |
| .select2-selection--multiple { | |
| .select2-selection__choice { | |
| margin-top: calc(#{$s2bs-padding-base-vertical} - 1px); | |
| } | |
| .select2-search--inline .select2-search__field { | |
| height: $s2bs-input-height-base; | |
| } |
| { | |
| "name": "project-name", | |
| "description": "Template for static sites", | |
| "version": "1.0.0", | |
| "homepage": "http://www.project-name.com", | |
| "author": { | |
| "name": "Adam Reis", | |
| "url": "http://adam.reis.nz" | |
| }, | |
| "license": "UNLICENSED", |
-
Download Windows 10 Media Creation Tool.
-
Run the tool (Right-click > Run as administrator).
-
Click Accept.
-
Click "Create Installation Media for another PC" then Next.
-
Leave box checked for "Use the recommended options for this PC" then Next.