Skip to content

Instantly share code, notes, and snippets.

View Markshall's full-sized avatar

Mark Eriksson Markshall

View GitHub Profile
@Markshall
Markshall / index.html
Created May 27, 2020 15:38
iOS 14 widgets
<h1>Click on an app to change its widget state.</h1>
<div class="iphone-shell">
<div class="iphone">
<div class="topbar">
<div class="topbar__left">3:13</div>
<div class="topbar__right">4G</div>
</div>
<div class="apps apps--main">
<div class="app" style="--widget: #0471E6;">
@Markshall
Markshall / index.html
Created February 25, 2019 17:20
iOS Range Toggle Sliders
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<title>Document</title>
<style>
.range-toggle {
-webkit-appearance: none;