Continue move of files to the /src directory
Addy Osmani
parent
d7995d3e34
commit
a71d2ba8c9
File diff suppressed because it is too large
Load Diff
|
|
@ -1,803 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Icons</title>
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
|
||||
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
</head>
|
||||
<body>
|
||||
<h2>action</h2>
|
||||
<span class="wsk-icon wsk-icon--3d-rotation" title="wsk-icon--3d-rotation"></span>
|
||||
<span class="wsk-icon wsk-icon--accessibility" title="wsk-icon--accessibility"></span>
|
||||
<span class="wsk-icon wsk-icon--account-balance" title="wsk-icon--account-balance"></span>
|
||||
<span class="wsk-icon wsk-icon--account-balance-wallet" title="wsk-icon--account-balance-wallet"></span>
|
||||
<span class="wsk-icon wsk-icon--account-box" title="wsk-icon--account-box"></span>
|
||||
<span class="wsk-icon wsk-icon--account-child" title="wsk-icon--account-child"></span>
|
||||
<span class="wsk-icon wsk-icon--account-circle" title="wsk-icon--account-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--add-shopping-cart" title="wsk-icon--add-shopping-cart"></span>
|
||||
<span class="wsk-icon wsk-icon--alarm" title="wsk-icon--alarm"></span>
|
||||
<span class="wsk-icon wsk-icon--alarm-add" title="wsk-icon--alarm-add"></span>
|
||||
<span class="wsk-icon wsk-icon--alarm-off" title="wsk-icon--alarm-off"></span>
|
||||
<span class="wsk-icon wsk-icon--alarm-on" title="wsk-icon--alarm-on"></span>
|
||||
<span class="wsk-icon wsk-icon--android" title="wsk-icon--android"></span>
|
||||
<span class="wsk-icon wsk-icon--announcement" title="wsk-icon--announcement"></span>
|
||||
<span class="wsk-icon wsk-icon--aspect-ratio" title="wsk-icon--aspect-ratio"></span>
|
||||
<span class="wsk-icon wsk-icon--assessment" title="wsk-icon--assessment"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment" title="wsk-icon--assignment"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment-ind" title="wsk-icon--assignment-ind"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment-late" title="wsk-icon--assignment-late"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment-return" title="wsk-icon--assignment-return"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment-returned" title="wsk-icon--assignment-returned"></span>
|
||||
<span class="wsk-icon wsk-icon--assignment-turned-in" title="wsk-icon--assignment-turned-in"></span>
|
||||
<span class="wsk-icon wsk-icon--autorenew" title="wsk-icon--autorenew"></span>
|
||||
<span class="wsk-icon wsk-icon--backup" title="wsk-icon--backup"></span>
|
||||
<span class="wsk-icon wsk-icon--book" title="wsk-icon--book"></span>
|
||||
<span class="wsk-icon wsk-icon--bookmark" title="wsk-icon--bookmark"></span>
|
||||
<span class="wsk-icon wsk-icon--bookmark-outline" title="wsk-icon--bookmark-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--bug-report" title="wsk-icon--bug-report"></span>
|
||||
<span class="wsk-icon wsk-icon--cached" title="wsk-icon--cached"></span>
|
||||
<span class="wsk-icon wsk-icon--class" title="wsk-icon--class"></span>
|
||||
<span class="wsk-icon wsk-icon--credit-card" title="wsk-icon--credit-card"></span>
|
||||
<span class="wsk-icon wsk-icon--dashboard" title="wsk-icon--dashboard"></span>
|
||||
<span class="wsk-icon wsk-icon--delete" title="wsk-icon--delete"></span>
|
||||
<span class="wsk-icon wsk-icon--description" title="wsk-icon--description"></span>
|
||||
<span class="wsk-icon wsk-icon--dns" title="wsk-icon--dns"></span>
|
||||
<span class="wsk-icon wsk-icon--done" title="wsk-icon--done"></span>
|
||||
<span class="wsk-icon wsk-icon--done-all" title="wsk-icon--done-all"></span>
|
||||
<span class="wsk-icon wsk-icon--event" title="wsk-icon--event"></span>
|
||||
<span class="wsk-icon wsk-icon--exit-to-app" title="wsk-icon--exit-to-app"></span>
|
||||
<span class="wsk-icon wsk-icon--explore" title="wsk-icon--explore"></span>
|
||||
<span class="wsk-icon wsk-icon--extension" title="wsk-icon--extension"></span>
|
||||
<span class="wsk-icon wsk-icon--face-unlock" title="wsk-icon--face-unlock"></span>
|
||||
<span class="wsk-icon wsk-icon--favorite" title="wsk-icon--favorite"></span>
|
||||
<span class="wsk-icon wsk-icon--favorite-outline" title="wsk-icon--favorite-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--find-in-page" title="wsk-icon--find-in-page"></span>
|
||||
<span class="wsk-icon wsk-icon--find-replace" title="wsk-icon--find-replace"></span>
|
||||
<span class="wsk-icon wsk-icon--flip-to-back" title="wsk-icon--flip-to-back"></span>
|
||||
<span class="wsk-icon wsk-icon--flip-to-front" title="wsk-icon--flip-to-front"></span>
|
||||
<span class="wsk-icon wsk-icon--get-app" title="wsk-icon--get-app"></span>
|
||||
<span class="wsk-icon wsk-icon--grade" title="wsk-icon--grade"></span>
|
||||
<span class="wsk-icon wsk-icon--group-work" title="wsk-icon--group-work"></span>
|
||||
<span class="wsk-icon wsk-icon--help" title="wsk-icon--help"></span>
|
||||
<span class="wsk-icon wsk-icon--highlight-remove" title="wsk-icon--highlight-remove"></span>
|
||||
<span class="wsk-icon wsk-icon--history" title="wsk-icon--history"></span>
|
||||
<span class="wsk-icon wsk-icon--home" title="wsk-icon--home"></span>
|
||||
<span class="wsk-icon wsk-icon--https" title="wsk-icon--https"></span>
|
||||
<span class="wsk-icon wsk-icon--info" title="wsk-icon--info"></span>
|
||||
<span class="wsk-icon wsk-icon--info-outline" title="wsk-icon--info-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--input" title="wsk-icon--input"></span>
|
||||
<span class="wsk-icon wsk-icon--invert-colors" title="wsk-icon--invert-colors"></span>
|
||||
<span class="wsk-icon wsk-icon--label" title="wsk-icon--label"></span>
|
||||
<span class="wsk-icon wsk-icon--label-outline" title="wsk-icon--label-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--language" title="wsk-icon--language"></span>
|
||||
<span class="wsk-icon wsk-icon--launch" title="wsk-icon--launch"></span>
|
||||
<span class="wsk-icon wsk-icon--list" title="wsk-icon--list"></span>
|
||||
<span class="wsk-icon wsk-icon--lock" title="wsk-icon--lock"></span>
|
||||
<span class="wsk-icon wsk-icon--lock-open" title="wsk-icon--lock-open"></span>
|
||||
<span class="wsk-icon wsk-icon--lock-outline" title="wsk-icon--lock-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--loyalty" title="wsk-icon--loyalty"></span>
|
||||
<span class="wsk-icon wsk-icon--markunread-mailbox" title="wsk-icon--markunread-mailbox"></span>
|
||||
<span class="wsk-icon wsk-icon--note-add" title="wsk-icon--note-add"></span>
|
||||
<span class="wsk-icon wsk-icon--open-in-browser" title="wsk-icon--open-in-browser"></span>
|
||||
<span class="wsk-icon wsk-icon--open-in-new" title="wsk-icon--open-in-new"></span>
|
||||
<span class="wsk-icon wsk-icon--open-with" title="wsk-icon--open-with"></span>
|
||||
<span class="wsk-icon wsk-icon--pageview" title="wsk-icon--pageview"></span>
|
||||
<span class="wsk-icon wsk-icon--payment" title="wsk-icon--payment"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-camera-mic" title="wsk-icon--perm-camera-mic"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-contact-cal" title="wsk-icon--perm-contact-cal"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-data-setting" title="wsk-icon--perm-data-setting"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-device-info" title="wsk-icon--perm-device-info"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-identity" title="wsk-icon--perm-identity"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-media" title="wsk-icon--perm-media"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-phone-msg" title="wsk-icon--perm-phone-msg"></span>
|
||||
<span class="wsk-icon wsk-icon--perm-scan-wifi" title="wsk-icon--perm-scan-wifi"></span>
|
||||
<span class="wsk-icon wsk-icon--picture-in-picture" title="wsk-icon--picture-in-picture"></span>
|
||||
<span class="wsk-icon wsk-icon--polymer" title="wsk-icon--polymer"></span>
|
||||
<span class="wsk-icon wsk-icon--print" title="wsk-icon--print"></span>
|
||||
<span class="wsk-icon wsk-icon--query-builder" title="wsk-icon--query-builder"></span>
|
||||
<span class="wsk-icon wsk-icon--question-answer" title="wsk-icon--question-answer"></span>
|
||||
<span class="wsk-icon wsk-icon--receipt" title="wsk-icon--receipt"></span>
|
||||
<span class="wsk-icon wsk-icon--redeem" title="wsk-icon--redeem"></span>
|
||||
<span class="wsk-icon wsk-icon--reorder" title="wsk-icon--reorder"></span>
|
||||
<span class="wsk-icon wsk-icon--report-problem" title="wsk-icon--report-problem"></span>
|
||||
<span class="wsk-icon wsk-icon--restore" title="wsk-icon--restore"></span>
|
||||
<span class="wsk-icon wsk-icon--room" title="wsk-icon--room"></span>
|
||||
<span class="wsk-icon wsk-icon--schedule" title="wsk-icon--schedule"></span>
|
||||
<span class="wsk-icon wsk-icon--search" title="wsk-icon--search"></span>
|
||||
<span class="wsk-icon wsk-icon--settings" title="wsk-icon--settings"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-applications" title="wsk-icon--settings-applications"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-backup-restore" title="wsk-icon--settings-backup-restore"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-bluetooth" title="wsk-icon--settings-bluetooth"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-cell" title="wsk-icon--settings-cell"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-display" title="wsk-icon--settings-display"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-ethernet" title="wsk-icon--settings-ethernet"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-input-antenna" title="wsk-icon--settings-input-antenna"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-input-component" title="wsk-icon--settings-input-component"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-input-composite" title="wsk-icon--settings-input-composite"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-input-hdmi" title="wsk-icon--settings-input-hdmi"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-input-svideo" title="wsk-icon--settings-input-svideo"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-overscan" title="wsk-icon--settings-overscan"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-phone" title="wsk-icon--settings-phone"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-power" title="wsk-icon--settings-power"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-remote" title="wsk-icon--settings-remote"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-voice" title="wsk-icon--settings-voice"></span>
|
||||
<span class="wsk-icon wsk-icon--shop" title="wsk-icon--shop"></span>
|
||||
<span class="wsk-icon wsk-icon--shop-two" title="wsk-icon--shop-two"></span>
|
||||
<span class="wsk-icon wsk-icon--shopping-basket" title="wsk-icon--shopping-basket"></span>
|
||||
<span class="wsk-icon wsk-icon--shopping-cart" title="wsk-icon--shopping-cart"></span>
|
||||
<span class="wsk-icon wsk-icon--speaker-notes" title="wsk-icon--speaker-notes"></span>
|
||||
<span class="wsk-icon wsk-icon--spellcheck" title="wsk-icon--spellcheck"></span>
|
||||
<span class="wsk-icon wsk-icon--star-rate" title="wsk-icon--star-rate"></span>
|
||||
<span class="wsk-icon wsk-icon--stars" title="wsk-icon--stars"></span>
|
||||
<span class="wsk-icon wsk-icon--store" title="wsk-icon--store"></span>
|
||||
<span class="wsk-icon wsk-icon--subject" title="wsk-icon--subject"></span>
|
||||
<span class="wsk-icon wsk-icon--supervisor-account" title="wsk-icon--supervisor-account"></span>
|
||||
<span class="wsk-icon wsk-icon--swap-horiz" title="wsk-icon--swap-horiz"></span>
|
||||
<span class="wsk-icon wsk-icon--swap-vert" title="wsk-icon--swap-vert"></span>
|
||||
<span class="wsk-icon wsk-icon--swap-vert-circle" title="wsk-icon--swap-vert-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--system-update-tv" title="wsk-icon--system-update-tv"></span>
|
||||
<span class="wsk-icon wsk-icon--tab" title="wsk-icon--tab"></span>
|
||||
<span class="wsk-icon wsk-icon--tab-unselected" title="wsk-icon--tab-unselected"></span>
|
||||
<span class="wsk-icon wsk-icon--theaters" title="wsk-icon--theaters"></span>
|
||||
<span class="wsk-icon wsk-icon--thumb-down" title="wsk-icon--thumb-down"></span>
|
||||
<span class="wsk-icon wsk-icon--thumb-up" title="wsk-icon--thumb-up"></span>
|
||||
<span class="wsk-icon wsk-icon--thumbs-up-down" title="wsk-icon--thumbs-up-down"></span>
|
||||
<span class="wsk-icon wsk-icon--toc" title="wsk-icon--toc"></span>
|
||||
<span class="wsk-icon wsk-icon--today" title="wsk-icon--today"></span>
|
||||
<span class="wsk-icon wsk-icon--track-changes" title="wsk-icon--track-changes"></span>
|
||||
<span class="wsk-icon wsk-icon--translate" title="wsk-icon--translate"></span>
|
||||
<span class="wsk-icon wsk-icon--trending-down" title="wsk-icon--trending-down"></span>
|
||||
<span class="wsk-icon wsk-icon--trending-neutral" title="wsk-icon--trending-neutral"></span>
|
||||
<span class="wsk-icon wsk-icon--trending-up" title="wsk-icon--trending-up"></span>
|
||||
<span class="wsk-icon wsk-icon--turned-in" title="wsk-icon--turned-in"></span>
|
||||
<span class="wsk-icon wsk-icon--turned-in-not" title="wsk-icon--turned-in-not"></span>
|
||||
<span class="wsk-icon wsk-icon--verified-user" title="wsk-icon--verified-user"></span>
|
||||
<span class="wsk-icon wsk-icon--view-agenda" title="wsk-icon--view-agenda"></span>
|
||||
<span class="wsk-icon wsk-icon--view-array" title="wsk-icon--view-array"></span>
|
||||
<span class="wsk-icon wsk-icon--view-carousel" title="wsk-icon--view-carousel"></span>
|
||||
<span class="wsk-icon wsk-icon--view-column" title="wsk-icon--view-column"></span>
|
||||
<span class="wsk-icon wsk-icon--view-day" title="wsk-icon--view-day"></span>
|
||||
<span class="wsk-icon wsk-icon--view-headline" title="wsk-icon--view-headline"></span>
|
||||
<span class="wsk-icon wsk-icon--view-list" title="wsk-icon--view-list"></span>
|
||||
<span class="wsk-icon wsk-icon--view-module" title="wsk-icon--view-module"></span>
|
||||
<span class="wsk-icon wsk-icon--view-quilt" title="wsk-icon--view-quilt"></span>
|
||||
<span class="wsk-icon wsk-icon--view-stream" title="wsk-icon--view-stream"></span>
|
||||
<span class="wsk-icon wsk-icon--view-week" title="wsk-icon--view-week"></span>
|
||||
<span class="wsk-icon wsk-icon--visibility" title="wsk-icon--visibility"></span>
|
||||
<span class="wsk-icon wsk-icon--visibility-off" title="wsk-icon--visibility-off"></span>
|
||||
<span class="wsk-icon wsk-icon--wallet-giftcard" title="wsk-icon--wallet-giftcard"></span>
|
||||
<span class="wsk-icon wsk-icon--wallet-membership" title="wsk-icon--wallet-membership"></span>
|
||||
<span class="wsk-icon wsk-icon--wallet-travel" title="wsk-icon--wallet-travel"></span>
|
||||
<span class="wsk-icon wsk-icon--work" title="wsk-icon--work"></span>
|
||||
|
||||
<h2>alert</h2>
|
||||
<span class="wsk-icon wsk-icon--error" title="wsk-icon--error"></span>
|
||||
<span class="wsk-icon wsk-icon--warning" title="wsk-icon--warning"></span>
|
||||
|
||||
<h2>av</h2>
|
||||
<span class="wsk-icon wsk-icon--album" title="wsk-icon--album"></span>
|
||||
<span class="wsk-icon wsk-icon--av-timer" title="wsk-icon--av-timer"></span>
|
||||
<span class="wsk-icon wsk-icon--closed-caption" title="wsk-icon--closed-caption"></span>
|
||||
<span class="wsk-icon wsk-icon--equalizer" title="wsk-icon--equalizer"></span>
|
||||
<span class="wsk-icon wsk-icon--explicit" title="wsk-icon--explicit"></span>
|
||||
<span class="wsk-icon wsk-icon--fast-forward" title="wsk-icon--fast-forward"></span>
|
||||
<span class="wsk-icon wsk-icon--fast-rewind" title="wsk-icon--fast-rewind"></span>
|
||||
<span class="wsk-icon wsk-icon--games" title="wsk-icon--games"></span>
|
||||
<span class="wsk-icon wsk-icon--hearing" title="wsk-icon--hearing"></span>
|
||||
<span class="wsk-icon wsk-icon--high-quality" title="wsk-icon--high-quality"></span>
|
||||
<span class="wsk-icon wsk-icon--loop" title="wsk-icon--loop"></span>
|
||||
<span class="wsk-icon wsk-icon--mic" title="wsk-icon--mic"></span>
|
||||
<span class="wsk-icon wsk-icon--mic-none" title="wsk-icon--mic-none"></span>
|
||||
<span class="wsk-icon wsk-icon--mic-off" title="wsk-icon--mic-off"></span>
|
||||
<span class="wsk-icon wsk-icon--movie" title="wsk-icon--movie"></span>
|
||||
<span class="wsk-icon wsk-icon--my-library-add" title="wsk-icon--my-library-add"></span>
|
||||
<span class="wsk-icon wsk-icon--my-library-books" title="wsk-icon--my-library-books"></span>
|
||||
<span class="wsk-icon wsk-icon--my-library-music" title="wsk-icon--my-library-music"></span>
|
||||
<span class="wsk-icon wsk-icon--new-releases" title="wsk-icon--new-releases"></span>
|
||||
<span class="wsk-icon wsk-icon--not-interested" title="wsk-icon--not-interested"></span>
|
||||
<span class="wsk-icon wsk-icon--pause" title="wsk-icon--pause"></span>
|
||||
<span class="wsk-icon wsk-icon--pause-circle-fill" title="wsk-icon--pause-circle-fill"></span>
|
||||
<span class="wsk-icon wsk-icon--pause-circle-outline" title="wsk-icon--pause-circle-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--play-arrow" title="wsk-icon--play-arrow"></span>
|
||||
<span class="wsk-icon wsk-icon--play-circle-fill" title="wsk-icon--play-circle-fill"></span>
|
||||
<span class="wsk-icon wsk-icon--play-circle-outline" title="wsk-icon--play-circle-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--play-shopping-bag" title="wsk-icon--play-shopping-bag"></span>
|
||||
<span class="wsk-icon wsk-icon--playlist-add" title="wsk-icon--playlist-add"></span>
|
||||
<span class="wsk-icon wsk-icon--queue" title="wsk-icon--queue"></span>
|
||||
<span class="wsk-icon wsk-icon--queue-music" title="wsk-icon--queue-music"></span>
|
||||
<span class="wsk-icon wsk-icon--radio" title="wsk-icon--radio"></span>
|
||||
<span class="wsk-icon wsk-icon--recent-actors" title="wsk-icon--recent-actors"></span>
|
||||
<span class="wsk-icon wsk-icon--repeat" title="wsk-icon--repeat"></span>
|
||||
<span class="wsk-icon wsk-icon--repeat-one" title="wsk-icon--repeat-one"></span>
|
||||
<span class="wsk-icon wsk-icon--replay" title="wsk-icon--replay"></span>
|
||||
<span class="wsk-icon wsk-icon--shuffle" title="wsk-icon--shuffle"></span>
|
||||
<span class="wsk-icon wsk-icon--skip-next" title="wsk-icon--skip-next"></span>
|
||||
<span class="wsk-icon wsk-icon--skip-previous" title="wsk-icon--skip-previous"></span>
|
||||
<span class="wsk-icon wsk-icon--snooze" title="wsk-icon--snooze"></span>
|
||||
<span class="wsk-icon wsk-icon--stop" title="wsk-icon--stop"></span>
|
||||
<span class="wsk-icon wsk-icon--subtitles" title="wsk-icon--subtitles"></span>
|
||||
<span class="wsk-icon wsk-icon--surround-sound" title="wsk-icon--surround-sound"></span>
|
||||
<span class="wsk-icon wsk-icon--video-collection" title="wsk-icon--video-collection"></span>
|
||||
<span class="wsk-icon wsk-icon--videocam" title="wsk-icon--videocam"></span>
|
||||
<span class="wsk-icon wsk-icon--videocam-off" title="wsk-icon--videocam-off"></span>
|
||||
<span class="wsk-icon wsk-icon--volume-down" title="wsk-icon--volume-down"></span>
|
||||
<span class="wsk-icon wsk-icon--volume-mute" title="wsk-icon--volume-mute"></span>
|
||||
<span class="wsk-icon wsk-icon--volume-off" title="wsk-icon--volume-off"></span>
|
||||
<span class="wsk-icon wsk-icon--volume-up" title="wsk-icon--volume-up"></span>
|
||||
<span class="wsk-icon wsk-icon--web" title="wsk-icon--web"></span>
|
||||
|
||||
<h2>communication</h2>
|
||||
<span class="wsk-icon wsk-icon--business" title="wsk-icon--business"></span>
|
||||
<span class="wsk-icon wsk-icon--call" title="wsk-icon--call"></span>
|
||||
<span class="wsk-icon wsk-icon--call-end" title="wsk-icon--call-end"></span>
|
||||
<span class="wsk-icon wsk-icon--call-made" title="wsk-icon--call-made"></span>
|
||||
<span class="wsk-icon wsk-icon--call-merge" title="wsk-icon--call-merge"></span>
|
||||
<span class="wsk-icon wsk-icon--call-missed" title="wsk-icon--call-missed"></span>
|
||||
<span class="wsk-icon wsk-icon--call-received" title="wsk-icon--call-received"></span>
|
||||
<span class="wsk-icon wsk-icon--call-split" title="wsk-icon--call-split"></span>
|
||||
<span class="wsk-icon wsk-icon--chat" title="wsk-icon--chat"></span>
|
||||
<span class="wsk-icon wsk-icon--clear-all" title="wsk-icon--clear-all"></span>
|
||||
<span class="wsk-icon wsk-icon--comment" title="wsk-icon--comment"></span>
|
||||
<span class="wsk-icon wsk-icon--contacts" title="wsk-icon--contacts"></span>
|
||||
<span class="wsk-icon wsk-icon--dialer-sip" title="wsk-icon--dialer-sip"></span>
|
||||
<span class="wsk-icon wsk-icon--dialpad" title="wsk-icon--dialpad"></span>
|
||||
<span class="wsk-icon wsk-icon--dnd-on" title="wsk-icon--dnd-on"></span>
|
||||
<span class="wsk-icon wsk-icon--email" title="wsk-icon--email"></span>
|
||||
<span class="wsk-icon wsk-icon--forum" title="wsk-icon--forum"></span>
|
||||
<span class="wsk-icon wsk-icon--import-export" title="wsk-icon--import-export"></span>
|
||||
<span class="wsk-icon wsk-icon--invert-colors-off" title="wsk-icon--invert-colors-off"></span>
|
||||
<span class="wsk-icon wsk-icon--invert-colors-on" title="wsk-icon--invert-colors-on"></span>
|
||||
<span class="wsk-icon wsk-icon--live-help" title="wsk-icon--live-help"></span>
|
||||
<span class="wsk-icon wsk-icon--location-off" title="wsk-icon--location-off"></span>
|
||||
<span class="wsk-icon wsk-icon--location-on" title="wsk-icon--location-on"></span>
|
||||
<span class="wsk-icon wsk-icon--message" title="wsk-icon--message"></span>
|
||||
<span class="wsk-icon wsk-icon--messenger" title="wsk-icon--messenger"></span>
|
||||
<span class="wsk-icon wsk-icon--no-sim" title="wsk-icon--no-sim"></span>
|
||||
<span class="wsk-icon wsk-icon--phone" title="wsk-icon--phone"></span>
|
||||
<span class="wsk-icon wsk-icon--portable-wifi-off" title="wsk-icon--portable-wifi-off"></span>
|
||||
<span class="wsk-icon wsk-icon--quick-contacts-dialer" title="wsk-icon--quick-contacts-dialer"></span>
|
||||
<span class="wsk-icon wsk-icon--quick-contacts-mail" title="wsk-icon--quick-contacts-mail"></span>
|
||||
<span class="wsk-icon wsk-icon--ring-volume" title="wsk-icon--ring-volume"></span>
|
||||
<span class="wsk-icon wsk-icon--stay-current-landscape" title="wsk-icon--stay-current-landscape"></span>
|
||||
<span class="wsk-icon wsk-icon--stay-current-portrait" title="wsk-icon--stay-current-portrait"></span>
|
||||
<span class="wsk-icon wsk-icon--stay-primary-landscape" title="wsk-icon--stay-primary-landscape"></span>
|
||||
<span class="wsk-icon wsk-icon--stay-primary-portrait" title="wsk-icon--stay-primary-portrait"></span>
|
||||
<span class="wsk-icon wsk-icon--swap-calls" title="wsk-icon--swap-calls"></span>
|
||||
<span class="wsk-icon wsk-icon--textsms" title="wsk-icon--textsms"></span>
|
||||
<span class="wsk-icon wsk-icon--voicemail" title="wsk-icon--voicemail"></span>
|
||||
<span class="wsk-icon wsk-icon--vpn-key" title="wsk-icon--vpn-key"></span>
|
||||
|
||||
<h2>content</h2>
|
||||
<span class="wsk-icon wsk-icon--add" title="wsk-icon--add"></span>
|
||||
<span class="wsk-icon wsk-icon--add-box" title="wsk-icon--add-box"></span>
|
||||
<span class="wsk-icon wsk-icon--add-circle" title="wsk-icon--add-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--add-circle-outline" title="wsk-icon--add-circle-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--archive" title="wsk-icon--archive"></span>
|
||||
<span class="wsk-icon wsk-icon--backspace" title="wsk-icon--backspace"></span>
|
||||
<span class="wsk-icon wsk-icon--block" title="wsk-icon--block"></span>
|
||||
<span class="wsk-icon wsk-icon--clear" title="wsk-icon--clear"></span>
|
||||
<span class="wsk-icon wsk-icon--content-copy" title="wsk-icon--content-copy"></span>
|
||||
<span class="wsk-icon wsk-icon--content-cut" title="wsk-icon--content-cut"></span>
|
||||
<span class="wsk-icon wsk-icon--content-paste" title="wsk-icon--content-paste"></span>
|
||||
<span class="wsk-icon wsk-icon--create" title="wsk-icon--create"></span>
|
||||
<span class="wsk-icon wsk-icon--drafts" title="wsk-icon--drafts"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-list" title="wsk-icon--filter-list"></span>
|
||||
<span class="wsk-icon wsk-icon--flag" title="wsk-icon--flag"></span>
|
||||
<span class="wsk-icon wsk-icon--forward" title="wsk-icon--forward"></span>
|
||||
<span class="wsk-icon wsk-icon--gesture" title="wsk-icon--gesture"></span>
|
||||
<span class="wsk-icon wsk-icon--inbox" title="wsk-icon--inbox"></span>
|
||||
<span class="wsk-icon wsk-icon--link" title="wsk-icon--link"></span>
|
||||
<span class="wsk-icon wsk-icon--mail" title="wsk-icon--mail"></span>
|
||||
<span class="wsk-icon wsk-icon--markunread" title="wsk-icon--markunread"></span>
|
||||
<span class="wsk-icon wsk-icon--redo" title="wsk-icon--redo"></span>
|
||||
<span class="wsk-icon wsk-icon--remove" title="wsk-icon--remove"></span>
|
||||
<span class="wsk-icon wsk-icon--remove-circle" title="wsk-icon--remove-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--remove-circle-outline" title="wsk-icon--remove-circle-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--reply" title="wsk-icon--reply"></span>
|
||||
<span class="wsk-icon wsk-icon--reply-all" title="wsk-icon--reply-all"></span>
|
||||
<span class="wsk-icon wsk-icon--report" title="wsk-icon--report"></span>
|
||||
<span class="wsk-icon wsk-icon--save" title="wsk-icon--save"></span>
|
||||
<span class="wsk-icon wsk-icon--select-all" title="wsk-icon--select-all"></span>
|
||||
<span class="wsk-icon wsk-icon--send" title="wsk-icon--send"></span>
|
||||
<span class="wsk-icon wsk-icon--sort" title="wsk-icon--sort"></span>
|
||||
<span class="wsk-icon wsk-icon--text-format" title="wsk-icon--text-format"></span>
|
||||
<span class="wsk-icon wsk-icon--undo" title="wsk-icon--undo"></span>
|
||||
|
||||
<h2>device</h2>
|
||||
<span class="wsk-icon wsk-icon--access-alarm" title="wsk-icon--access-alarm"></span>
|
||||
<span class="wsk-icon wsk-icon--access-alarms" title="wsk-icon--access-alarms"></span>
|
||||
<span class="wsk-icon wsk-icon--access-time" title="wsk-icon--access-time"></span>
|
||||
<span class="wsk-icon wsk-icon--add-alarm" title="wsk-icon--add-alarm"></span>
|
||||
<span class="wsk-icon wsk-icon--airplanemode-off" title="wsk-icon--airplanemode-off"></span>
|
||||
<span class="wsk-icon wsk-icon--airplanemode-on" title="wsk-icon--airplanemode-on"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-20" title="wsk-icon--battery-20"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-30" title="wsk-icon--battery-30"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-50" title="wsk-icon--battery-50"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-60" title="wsk-icon--battery-60"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-80" title="wsk-icon--battery-80"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-90" title="wsk-icon--battery-90"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-alert" title="wsk-icon--battery-alert"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-20" title="wsk-icon--battery-charging-20"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-30" title="wsk-icon--battery-charging-30"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-50" title="wsk-icon--battery-charging-50"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-60" title="wsk-icon--battery-charging-60"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-80" title="wsk-icon--battery-charging-80"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-90" title="wsk-icon--battery-charging-90"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-charging-full" title="wsk-icon--battery-charging-full"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-full" title="wsk-icon--battery-full"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-std" title="wsk-icon--battery-std"></span>
|
||||
<span class="wsk-icon wsk-icon--battery-unknown" title="wsk-icon--battery-unknown"></span>
|
||||
<span class="wsk-icon wsk-icon--bluetooth" title="wsk-icon--bluetooth"></span>
|
||||
<span class="wsk-icon wsk-icon--bluetooth-connected" title="wsk-icon--bluetooth-connected"></span>
|
||||
<span class="wsk-icon wsk-icon--bluetooth-disabled" title="wsk-icon--bluetooth-disabled"></span>
|
||||
<span class="wsk-icon wsk-icon--bluetooth-searching" title="wsk-icon--bluetooth-searching"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-auto" title="wsk-icon--brightness-auto"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-high" title="wsk-icon--brightness-high"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-low" title="wsk-icon--brightness-low"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-medium" title="wsk-icon--brightness-medium"></span>
|
||||
<span class="wsk-icon wsk-icon--data-usage" title="wsk-icon--data-usage"></span>
|
||||
<span class="wsk-icon wsk-icon--developer-mode" title="wsk-icon--developer-mode"></span>
|
||||
<span class="wsk-icon wsk-icon--devices" title="wsk-icon--devices"></span>
|
||||
<span class="wsk-icon wsk-icon--dvr" title="wsk-icon--dvr"></span>
|
||||
<span class="wsk-icon wsk-icon--gps-fixed" title="wsk-icon--gps-fixed"></span>
|
||||
<span class="wsk-icon wsk-icon--gps-not-fixed" title="wsk-icon--gps-not-fixed"></span>
|
||||
<span class="wsk-icon wsk-icon--gps-off" title="wsk-icon--gps-off"></span>
|
||||
<span class="wsk-icon wsk-icon--location-disabled" title="wsk-icon--location-disabled"></span>
|
||||
<span class="wsk-icon wsk-icon--location-searching" title="wsk-icon--location-searching"></span>
|
||||
<span class="wsk-icon wsk-icon--multitrack-audio" title="wsk-icon--multitrack-audio"></span>
|
||||
<span class="wsk-icon wsk-icon--network-cell" title="wsk-icon--network-cell"></span>
|
||||
<span class="wsk-icon wsk-icon--network-wifi" title="wsk-icon--network-wifi"></span>
|
||||
<span class="wsk-icon wsk-icon--nfc" title="wsk-icon--nfc"></span>
|
||||
<span class="wsk-icon wsk-icon--now-wallpaper" title="wsk-icon--now-wallpaper"></span>
|
||||
<span class="wsk-icon wsk-icon--now-widgets" title="wsk-icon--now-widgets"></span>
|
||||
<span class="wsk-icon wsk-icon--screen-lock-landscape" title="wsk-icon--screen-lock-landscape"></span>
|
||||
<span class="wsk-icon wsk-icon--screen-lock-portrait" title="wsk-icon--screen-lock-portrait"></span>
|
||||
<span class="wsk-icon wsk-icon--screen-lock-rotation" title="wsk-icon--screen-lock-rotation"></span>
|
||||
<span class="wsk-icon wsk-icon--screen-rotation" title="wsk-icon--screen-rotation"></span>
|
||||
<span class="wsk-icon wsk-icon--sd-storage" title="wsk-icon--sd-storage"></span>
|
||||
<span class="wsk-icon wsk-icon--settings-system-daydream" title="wsk-icon--settings-system-daydream"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-0-bar" title="wsk-icon--signal-cellular-0-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-1-bar" title="wsk-icon--signal-cellular-1-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-2-bar" title="wsk-icon--signal-cellular-2-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-3-bar" title="wsk-icon--signal-cellular-3-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-4-bar" title="wsk-icon--signal-cellular-4-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-connected-no-internet-0-bar" title="wsk-icon--signal-cellular-connected-no-internet-0-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-connected-no-internet-1-bar" title="wsk-icon--signal-cellular-connected-no-internet-1-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-connected-no-internet-2-bar" title="wsk-icon--signal-cellular-connected-no-internet-2-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-connected-no-internet-3-bar" title="wsk-icon--signal-cellular-connected-no-internet-3-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-connected-no-internet-4-bar" title="wsk-icon--signal-cellular-connected-no-internet-4-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-no-sim" title="wsk-icon--signal-cellular-no-sim"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-null" title="wsk-icon--signal-cellular-null"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-cellular-off" title="wsk-icon--signal-cellular-off"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-0-bar" title="wsk-icon--signal-wifi-0-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-1-bar" title="wsk-icon--signal-wifi-1-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-2-bar" title="wsk-icon--signal-wifi-2-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-3-bar" title="wsk-icon--signal-wifi-3-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-4-bar" title="wsk-icon--signal-wifi-4-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-off" title="wsk-icon--signal-wifi-off"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-1-bar" title="wsk-icon--signal-wifi-statusbar-1-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-2-bar" title="wsk-icon--signal-wifi-statusbar-2-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-3-bar" title="wsk-icon--signal-wifi-statusbar-3-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-4-bar" title="wsk-icon--signal-wifi-statusbar-4-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-connected-no-internet" title="wsk-icon--signal-wifi-statusbar-connected-no-internet"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-connected-no-internet-1" title="wsk-icon--signal-wifi-statusbar-connected-no-internet-1"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-connected-no-internet-2" title="wsk-icon--signal-wifi-statusbar-connected-no-internet-2"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-connected-no-internet-3" title="wsk-icon--signal-wifi-statusbar-connected-no-internet-3"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-connected-no-internet-4" title="wsk-icon--signal-wifi-statusbar-connected-no-internet-4"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-not-connected" title="wsk-icon--signal-wifi-statusbar-not-connected"></span>
|
||||
<span class="wsk-icon wsk-icon--signal-wifi-statusbar-null" title="wsk-icon--signal-wifi-statusbar-null"></span>
|
||||
<span class="wsk-icon wsk-icon--storage" title="wsk-icon--storage"></span>
|
||||
<span class="wsk-icon wsk-icon--usb" title="wsk-icon--usb"></span>
|
||||
<span class="wsk-icon wsk-icon--wifi-lock" title="wsk-icon--wifi-lock"></span>
|
||||
<span class="wsk-icon wsk-icon--wifi-tethering" title="wsk-icon--wifi-tethering"></span>
|
||||
|
||||
<h2>editor</h2>
|
||||
<span class="wsk-icon wsk-icon--attach-file" title="wsk-icon--attach-file"></span>
|
||||
<span class="wsk-icon wsk-icon--attach-money" title="wsk-icon--attach-money"></span>
|
||||
<span class="wsk-icon wsk-icon--border-all" title="wsk-icon--border-all"></span>
|
||||
<span class="wsk-icon wsk-icon--border-bottom" title="wsk-icon--border-bottom"></span>
|
||||
<span class="wsk-icon wsk-icon--border-clear" title="wsk-icon--border-clear"></span>
|
||||
<span class="wsk-icon wsk-icon--border-color" title="wsk-icon--border-color"></span>
|
||||
<span class="wsk-icon wsk-icon--border-horizontal" title="wsk-icon--border-horizontal"></span>
|
||||
<span class="wsk-icon wsk-icon--border-inner" title="wsk-icon--border-inner"></span>
|
||||
<span class="wsk-icon wsk-icon--border-left" title="wsk-icon--border-left"></span>
|
||||
<span class="wsk-icon wsk-icon--border-outer" title="wsk-icon--border-outer"></span>
|
||||
<span class="wsk-icon wsk-icon--border-right" title="wsk-icon--border-right"></span>
|
||||
<span class="wsk-icon wsk-icon--border-style" title="wsk-icon--border-style"></span>
|
||||
<span class="wsk-icon wsk-icon--border-top" title="wsk-icon--border-top"></span>
|
||||
<span class="wsk-icon wsk-icon--border-vertical" title="wsk-icon--border-vertical"></span>
|
||||
<span class="wsk-icon wsk-icon--format-align-center" title="wsk-icon--format-align-center"></span>
|
||||
<span class="wsk-icon wsk-icon--format-align-justify" title="wsk-icon--format-align-justify"></span>
|
||||
<span class="wsk-icon wsk-icon--format-align-left" title="wsk-icon--format-align-left"></span>
|
||||
<span class="wsk-icon wsk-icon--format-align-right" title="wsk-icon--format-align-right"></span>
|
||||
<span class="wsk-icon wsk-icon--format-bold" title="wsk-icon--format-bold"></span>
|
||||
<span class="wsk-icon wsk-icon--format-clear" title="wsk-icon--format-clear"></span>
|
||||
<span class="wsk-icon wsk-icon--format-color-fill" title="wsk-icon--format-color-fill"></span>
|
||||
<span class="wsk-icon wsk-icon--format-color-reset" title="wsk-icon--format-color-reset"></span>
|
||||
<span class="wsk-icon wsk-icon--format-color-text" title="wsk-icon--format-color-text"></span>
|
||||
<span class="wsk-icon wsk-icon--format-indent-decrease" title="wsk-icon--format-indent-decrease"></span>
|
||||
<span class="wsk-icon wsk-icon--format-indent-increase" title="wsk-icon--format-indent-increase"></span>
|
||||
<span class="wsk-icon wsk-icon--format-italic" title="wsk-icon--format-italic"></span>
|
||||
<span class="wsk-icon wsk-icon--format-line-spacing" title="wsk-icon--format-line-spacing"></span>
|
||||
<span class="wsk-icon wsk-icon--format-list-bulleted" title="wsk-icon--format-list-bulleted"></span>
|
||||
<span class="wsk-icon wsk-icon--format-list-numbered" title="wsk-icon--format-list-numbered"></span>
|
||||
<span class="wsk-icon wsk-icon--format-paint" title="wsk-icon--format-paint"></span>
|
||||
<span class="wsk-icon wsk-icon--format-quote" title="wsk-icon--format-quote"></span>
|
||||
<span class="wsk-icon wsk-icon--format-size" title="wsk-icon--format-size"></span>
|
||||
<span class="wsk-icon wsk-icon--format-strikethrough" title="wsk-icon--format-strikethrough"></span>
|
||||
<span class="wsk-icon wsk-icon--format-textdirection-l-to-r" title="wsk-icon--format-textdirection-l-to-r"></span>
|
||||
<span class="wsk-icon wsk-icon--format-textdirection-r-to-l" title="wsk-icon--format-textdirection-r-to-l"></span>
|
||||
<span class="wsk-icon wsk-icon--format-underline" title="wsk-icon--format-underline"></span>
|
||||
<span class="wsk-icon wsk-icon--functions" title="wsk-icon--functions"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-chart" title="wsk-icon--insert-chart"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-comment" title="wsk-icon--insert-comment"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-drive-file" title="wsk-icon--insert-drive-file"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-emoticon" title="wsk-icon--insert-emoticon"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-invitation" title="wsk-icon--insert-invitation"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-link" title="wsk-icon--insert-link"></span>
|
||||
<span class="wsk-icon wsk-icon--insert-photo" title="wsk-icon--insert-photo"></span>
|
||||
<span class="wsk-icon wsk-icon--merge-type" title="wsk-icon--merge-type"></span>
|
||||
<span class="wsk-icon wsk-icon--mode-comment" title="wsk-icon--mode-comment"></span>
|
||||
<span class="wsk-icon wsk-icon--mode-edit" title="wsk-icon--mode-edit"></span>
|
||||
<span class="wsk-icon wsk-icon--publish" title="wsk-icon--publish"></span>
|
||||
<span class="wsk-icon wsk-icon--vertical-align-bottom" title="wsk-icon--vertical-align-bottom"></span>
|
||||
<span class="wsk-icon wsk-icon--vertical-align-center" title="wsk-icon--vertical-align-center"></span>
|
||||
<span class="wsk-icon wsk-icon--vertical-align-top" title="wsk-icon--vertical-align-top"></span>
|
||||
<span class="wsk-icon wsk-icon--wrap-text" title="wsk-icon--wrap-text"></span>
|
||||
|
||||
<h2>file</h2>
|
||||
<span class="wsk-icon wsk-icon--attachment" title="wsk-icon--attachment"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud" title="wsk-icon--cloud"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-circle" title="wsk-icon--cloud-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-done" title="wsk-icon--cloud-done"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-download" title="wsk-icon--cloud-download"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-off" title="wsk-icon--cloud-off"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-queue" title="wsk-icon--cloud-queue"></span>
|
||||
<span class="wsk-icon wsk-icon--cloud-upload" title="wsk-icon--cloud-upload"></span>
|
||||
<span class="wsk-icon wsk-icon--file-download" title="wsk-icon--file-download"></span>
|
||||
<span class="wsk-icon wsk-icon--file-upload" title="wsk-icon--file-upload"></span>
|
||||
<span class="wsk-icon wsk-icon--folder" title="wsk-icon--folder"></span>
|
||||
<span class="wsk-icon wsk-icon--folder-open" title="wsk-icon--folder-open"></span>
|
||||
<span class="wsk-icon wsk-icon--folder-shared" title="wsk-icon--folder-shared"></span>
|
||||
|
||||
<h2>hardware</h2>
|
||||
<span class="wsk-icon wsk-icon--cast" title="wsk-icon--cast"></span>
|
||||
<span class="wsk-icon wsk-icon--cast-connected" title="wsk-icon--cast-connected"></span>
|
||||
<span class="wsk-icon wsk-icon--computer" title="wsk-icon--computer"></span>
|
||||
<span class="wsk-icon wsk-icon--desktop-mac" title="wsk-icon--desktop-mac"></span>
|
||||
<span class="wsk-icon wsk-icon--desktop-windows" title="wsk-icon--desktop-windows"></span>
|
||||
<span class="wsk-icon wsk-icon--dock" title="wsk-icon--dock"></span>
|
||||
<span class="wsk-icon wsk-icon--gamepad" title="wsk-icon--gamepad"></span>
|
||||
<span class="wsk-icon wsk-icon--headset" title="wsk-icon--headset"></span>
|
||||
<span class="wsk-icon wsk-icon--headset-mic" title="wsk-icon--headset-mic"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard" title="wsk-icon--keyboard"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-alt" title="wsk-icon--keyboard-alt"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-arrow-down" title="wsk-icon--keyboard-arrow-down"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-arrow-left" title="wsk-icon--keyboard-arrow-left"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-arrow-right" title="wsk-icon--keyboard-arrow-right"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-arrow-up" title="wsk-icon--keyboard-arrow-up"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-backspace" title="wsk-icon--keyboard-backspace"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-capslock" title="wsk-icon--keyboard-capslock"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-control" title="wsk-icon--keyboard-control"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-hide" title="wsk-icon--keyboard-hide"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-return" title="wsk-icon--keyboard-return"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-tab" title="wsk-icon--keyboard-tab"></span>
|
||||
<span class="wsk-icon wsk-icon--keyboard-voice" title="wsk-icon--keyboard-voice"></span>
|
||||
<span class="wsk-icon wsk-icon--laptop" title="wsk-icon--laptop"></span>
|
||||
<span class="wsk-icon wsk-icon--laptop-chromebook" title="wsk-icon--laptop-chromebook"></span>
|
||||
<span class="wsk-icon wsk-icon--laptop-mac" title="wsk-icon--laptop-mac"></span>
|
||||
<span class="wsk-icon wsk-icon--laptop-windows" title="wsk-icon--laptop-windows"></span>
|
||||
<span class="wsk-icon wsk-icon--memory" title="wsk-icon--memory"></span>
|
||||
<span class="wsk-icon wsk-icon--mouse" title="wsk-icon--mouse"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-android" title="wsk-icon--phone-android"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-iphone" title="wsk-icon--phone-iphone"></span>
|
||||
<span class="wsk-icon wsk-icon--phonelink" title="wsk-icon--phonelink"></span>
|
||||
<span class="wsk-icon wsk-icon--phonelink-off" title="wsk-icon--phonelink-off"></span>
|
||||
<span class="wsk-icon wsk-icon--security" title="wsk-icon--security"></span>
|
||||
<span class="wsk-icon wsk-icon--sim-card" title="wsk-icon--sim-card"></span>
|
||||
<span class="wsk-icon wsk-icon--smartphone" title="wsk-icon--smartphone"></span>
|
||||
<span class="wsk-icon wsk-icon--speaker" title="wsk-icon--speaker"></span>
|
||||
<span class="wsk-icon wsk-icon--tablet" title="wsk-icon--tablet"></span>
|
||||
<span class="wsk-icon wsk-icon--tablet-android" title="wsk-icon--tablet-android"></span>
|
||||
<span class="wsk-icon wsk-icon--tablet-mac" title="wsk-icon--tablet-mac"></span>
|
||||
<span class="wsk-icon wsk-icon--tv" title="wsk-icon--tv"></span>
|
||||
<span class="wsk-icon wsk-icon--watch" title="wsk-icon--watch"></span>
|
||||
|
||||
<h2>image</h2>
|
||||
<span class="wsk-icon wsk-icon--add-to-photos" title="wsk-icon--add-to-photos"></span>
|
||||
<span class="wsk-icon wsk-icon--adjust" title="wsk-icon--adjust"></span>
|
||||
<span class="wsk-icon wsk-icon--assistant-photo" title="wsk-icon--assistant-photo"></span>
|
||||
<span class="wsk-icon wsk-icon--audiotrack" title="wsk-icon--audiotrack"></span>
|
||||
<span class="wsk-icon wsk-icon--blur-circular" title="wsk-icon--blur-circular"></span>
|
||||
<span class="wsk-icon wsk-icon--blur-linear" title="wsk-icon--blur-linear"></span>
|
||||
<span class="wsk-icon wsk-icon--blur-off" title="wsk-icon--blur-off"></span>
|
||||
<span class="wsk-icon wsk-icon--blur-on" title="wsk-icon--blur-on"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-1" title="wsk-icon--brightness-1"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-2" title="wsk-icon--brightness-2"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-3" title="wsk-icon--brightness-3"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-4" title="wsk-icon--brightness-4"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-5" title="wsk-icon--brightness-5"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-6" title="wsk-icon--brightness-6"></span>
|
||||
<span class="wsk-icon wsk-icon--brightness-7" title="wsk-icon--brightness-7"></span>
|
||||
<span class="wsk-icon wsk-icon--brush" title="wsk-icon--brush"></span>
|
||||
<span class="wsk-icon wsk-icon--camera" title="wsk-icon--camera"></span>
|
||||
<span class="wsk-icon wsk-icon--camera-alt" title="wsk-icon--camera-alt"></span>
|
||||
<span class="wsk-icon wsk-icon--camera-front" title="wsk-icon--camera-front"></span>
|
||||
<span class="wsk-icon wsk-icon--camera-rear" title="wsk-icon--camera-rear"></span>
|
||||
<span class="wsk-icon wsk-icon--camera-roll" title="wsk-icon--camera-roll"></span>
|
||||
<span class="wsk-icon wsk-icon--center-focus-strong" title="wsk-icon--center-focus-strong"></span>
|
||||
<span class="wsk-icon wsk-icon--center-focus-weak" title="wsk-icon--center-focus-weak"></span>
|
||||
<span class="wsk-icon wsk-icon--collections" title="wsk-icon--collections"></span>
|
||||
<span class="wsk-icon wsk-icon--color-lens" title="wsk-icon--color-lens"></span>
|
||||
<span class="wsk-icon wsk-icon--colorize" title="wsk-icon--colorize"></span>
|
||||
<span class="wsk-icon wsk-icon--compare" title="wsk-icon--compare"></span>
|
||||
<span class="wsk-icon wsk-icon--control-point" title="wsk-icon--control-point"></span>
|
||||
<span class="wsk-icon wsk-icon--control-point-duplicate" title="wsk-icon--control-point-duplicate"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-16-9" title="wsk-icon--crop-16-9"></span>
|
||||
<span class="wsk-icon wsk-icon--crop" title="wsk-icon--crop"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-3-2" title="wsk-icon--crop-3-2"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-5-4" title="wsk-icon--crop-5-4"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-7-5" title="wsk-icon--crop-7-5"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-din" title="wsk-icon--crop-din"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-free" title="wsk-icon--crop-free"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-landscape" title="wsk-icon--crop-landscape"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-original" title="wsk-icon--crop-original"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-portrait" title="wsk-icon--crop-portrait"></span>
|
||||
<span class="wsk-icon wsk-icon--crop-square" title="wsk-icon--crop-square"></span>
|
||||
<span class="wsk-icon wsk-icon--dehaze" title="wsk-icon--dehaze"></span>
|
||||
<span class="wsk-icon wsk-icon--details" title="wsk-icon--details"></span>
|
||||
<span class="wsk-icon wsk-icon--edit" title="wsk-icon--edit"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure" title="wsk-icon--exposure"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure-minus-1" title="wsk-icon--exposure-minus-1"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure-minus-2" title="wsk-icon--exposure-minus-2"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure-plus-1" title="wsk-icon--exposure-plus-1"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure-plus-2" title="wsk-icon--exposure-plus-2"></span>
|
||||
<span class="wsk-icon wsk-icon--exposure-zero" title="wsk-icon--exposure-zero"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-1" title="wsk-icon--filter-1"></span>
|
||||
<span class="wsk-icon wsk-icon--filter" title="wsk-icon--filter"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-2" title="wsk-icon--filter-2"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-3" title="wsk-icon--filter-3"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-4" title="wsk-icon--filter-4"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-5" title="wsk-icon--filter-5"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-6" title="wsk-icon--filter-6"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-7" title="wsk-icon--filter-7"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-8" title="wsk-icon--filter-8"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-9" title="wsk-icon--filter-9"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-9-plus" title="wsk-icon--filter-9-plus"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-b-and-w" title="wsk-icon--filter-b-and-w"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-center-focus" title="wsk-icon--filter-center-focus"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-drama" title="wsk-icon--filter-drama"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-frames" title="wsk-icon--filter-frames"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-hdr" title="wsk-icon--filter-hdr"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-none" title="wsk-icon--filter-none"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-tilt-shift" title="wsk-icon--filter-tilt-shift"></span>
|
||||
<span class="wsk-icon wsk-icon--filter-vintage" title="wsk-icon--filter-vintage"></span>
|
||||
<span class="wsk-icon wsk-icon--flare" title="wsk-icon--flare"></span>
|
||||
<span class="wsk-icon wsk-icon--flash-auto" title="wsk-icon--flash-auto"></span>
|
||||
<span class="wsk-icon wsk-icon--flash-off" title="wsk-icon--flash-off"></span>
|
||||
<span class="wsk-icon wsk-icon--flash-on" title="wsk-icon--flash-on"></span>
|
||||
<span class="wsk-icon wsk-icon--flip" title="wsk-icon--flip"></span>
|
||||
<span class="wsk-icon wsk-icon--gradient" title="wsk-icon--gradient"></span>
|
||||
<span class="wsk-icon wsk-icon--grain" title="wsk-icon--grain"></span>
|
||||
<span class="wsk-icon wsk-icon--grid-off" title="wsk-icon--grid-off"></span>
|
||||
<span class="wsk-icon wsk-icon--grid-on" title="wsk-icon--grid-on"></span>
|
||||
<span class="wsk-icon wsk-icon--hdr-off" title="wsk-icon--hdr-off"></span>
|
||||
<span class="wsk-icon wsk-icon--hdr-on" title="wsk-icon--hdr-on"></span>
|
||||
<span class="wsk-icon wsk-icon--hdr-strong" title="wsk-icon--hdr-strong"></span>
|
||||
<span class="wsk-icon wsk-icon--hdr-weak" title="wsk-icon--hdr-weak"></span>
|
||||
<span class="wsk-icon wsk-icon--healing" title="wsk-icon--healing"></span>
|
||||
<span class="wsk-icon wsk-icon--image" title="wsk-icon--image"></span>
|
||||
<span class="wsk-icon wsk-icon--image-aspect-ratio" title="wsk-icon--image-aspect-ratio"></span>
|
||||
<span class="wsk-icon wsk-icon--iso" title="wsk-icon--iso"></span>
|
||||
<span class="wsk-icon wsk-icon--landscape" title="wsk-icon--landscape"></span>
|
||||
<span class="wsk-icon wsk-icon--leak-add" title="wsk-icon--leak-add"></span>
|
||||
<span class="wsk-icon wsk-icon--leak-remove" title="wsk-icon--leak-remove"></span>
|
||||
<span class="wsk-icon wsk-icon--lens" title="wsk-icon--lens"></span>
|
||||
<span class="wsk-icon wsk-icon--looks" title="wsk-icon--looks"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-1" title="wsk-icon--looks-1"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-2" title="wsk-icon--looks-2"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-3" title="wsk-icon--looks-3"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-4" title="wsk-icon--looks-4"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-5" title="wsk-icon--looks-5"></span>
|
||||
<span class="wsk-icon wsk-icon--looks-6" title="wsk-icon--looks-6"></span>
|
||||
<span class="wsk-icon wsk-icon--loupe" title="wsk-icon--loupe"></span>
|
||||
<span class="wsk-icon wsk-icon--movie-creation" title="wsk-icon--movie-creation"></span>
|
||||
<span class="wsk-icon wsk-icon--nature" title="wsk-icon--nature"></span>
|
||||
<span class="wsk-icon wsk-icon--nature-people" title="wsk-icon--nature-people"></span>
|
||||
<span class="wsk-icon wsk-icon--navigate-before" title="wsk-icon--navigate-before"></span>
|
||||
<span class="wsk-icon wsk-icon--navigate-next" title="wsk-icon--navigate-next"></span>
|
||||
<span class="wsk-icon wsk-icon--palette" title="wsk-icon--palette"></span>
|
||||
<span class="wsk-icon wsk-icon--panorama" title="wsk-icon--panorama"></span>
|
||||
<span class="wsk-icon wsk-icon--panorama-fisheye" title="wsk-icon--panorama-fisheye"></span>
|
||||
<span class="wsk-icon wsk-icon--panorama-horizontal" title="wsk-icon--panorama-horizontal"></span>
|
||||
<span class="wsk-icon wsk-icon--panorama-vertical" title="wsk-icon--panorama-vertical"></span>
|
||||
<span class="wsk-icon wsk-icon--panorama-wide-angle" title="wsk-icon--panorama-wide-angle"></span>
|
||||
<span class="wsk-icon wsk-icon--photo" title="wsk-icon--photo"></span>
|
||||
<span class="wsk-icon wsk-icon--photo-album" title="wsk-icon--photo-album"></span>
|
||||
<span class="wsk-icon wsk-icon--photo-camera" title="wsk-icon--photo-camera"></span>
|
||||
<span class="wsk-icon wsk-icon--photo-library" title="wsk-icon--photo-library"></span>
|
||||
<span class="wsk-icon wsk-icon--portrait" title="wsk-icon--portrait"></span>
|
||||
<span class="wsk-icon wsk-icon--remove-red-eye" title="wsk-icon--remove-red-eye"></span>
|
||||
<span class="wsk-icon wsk-icon--rotate-left" title="wsk-icon--rotate-left"></span>
|
||||
<span class="wsk-icon wsk-icon--rotate-right" title="wsk-icon--rotate-right"></span>
|
||||
<span class="wsk-icon wsk-icon--slideshow" title="wsk-icon--slideshow"></span>
|
||||
<span class="wsk-icon wsk-icon--straighten" title="wsk-icon--straighten"></span>
|
||||
<span class="wsk-icon wsk-icon--style" title="wsk-icon--style"></span>
|
||||
<span class="wsk-icon wsk-icon--switch-camera" title="wsk-icon--switch-camera"></span>
|
||||
<span class="wsk-icon wsk-icon--switch-video" title="wsk-icon--switch-video"></span>
|
||||
<span class="wsk-icon wsk-icon--tag-faces" title="wsk-icon--tag-faces"></span>
|
||||
<span class="wsk-icon wsk-icon--texture" title="wsk-icon--texture"></span>
|
||||
<span class="wsk-icon wsk-icon--timelapse" title="wsk-icon--timelapse"></span>
|
||||
<span class="wsk-icon wsk-icon--timer-10" title="wsk-icon--timer-10"></span>
|
||||
<span class="wsk-icon wsk-icon--timer" title="wsk-icon--timer"></span>
|
||||
<span class="wsk-icon wsk-icon--timer-3" title="wsk-icon--timer-3"></span>
|
||||
<span class="wsk-icon wsk-icon--timer-auto" title="wsk-icon--timer-auto"></span>
|
||||
<span class="wsk-icon wsk-icon--timer-off" title="wsk-icon--timer-off"></span>
|
||||
<span class="wsk-icon wsk-icon--tonality" title="wsk-icon--tonality"></span>
|
||||
<span class="wsk-icon wsk-icon--transform" title="wsk-icon--transform"></span>
|
||||
<span class="wsk-icon wsk-icon--tune" title="wsk-icon--tune"></span>
|
||||
<span class="wsk-icon wsk-icon--wb-auto" title="wsk-icon--wb-auto"></span>
|
||||
<span class="wsk-icon wsk-icon--wb-cloudy" title="wsk-icon--wb-cloudy"></span>
|
||||
<span class="wsk-icon wsk-icon--wb-incandescent" title="wsk-icon--wb-incandescent"></span>
|
||||
<span class="wsk-icon wsk-icon--wb-irradescent" title="wsk-icon--wb-irradescent"></span>
|
||||
<span class="wsk-icon wsk-icon--wb-sunny" title="wsk-icon--wb-sunny"></span>
|
||||
|
||||
<h2>maps</h2>
|
||||
<span class="wsk-icon wsk-icon--beenhere" title="wsk-icon--beenhere"></span>
|
||||
<span class="wsk-icon wsk-icon--directions" title="wsk-icon--directions"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-bike" title="wsk-icon--directions-bike"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-bus" title="wsk-icon--directions-bus"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-car" title="wsk-icon--directions-car"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-ferry" title="wsk-icon--directions-ferry"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-subway" title="wsk-icon--directions-subway"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-train" title="wsk-icon--directions-train"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-transit" title="wsk-icon--directions-transit"></span>
|
||||
<span class="wsk-icon wsk-icon--directions-walk" title="wsk-icon--directions-walk"></span>
|
||||
<span class="wsk-icon wsk-icon--flight" title="wsk-icon--flight"></span>
|
||||
<span class="wsk-icon wsk-icon--hotel" title="wsk-icon--hotel"></span>
|
||||
<span class="wsk-icon wsk-icon--layers" title="wsk-icon--layers"></span>
|
||||
<span class="wsk-icon wsk-icon--layers-clear" title="wsk-icon--layers-clear"></span>
|
||||
<span class="wsk-icon wsk-icon--local-airport" title="wsk-icon--local-airport"></span>
|
||||
<span class="wsk-icon wsk-icon--local-atm" title="wsk-icon--local-atm"></span>
|
||||
<span class="wsk-icon wsk-icon--local-attraction" title="wsk-icon--local-attraction"></span>
|
||||
<span class="wsk-icon wsk-icon--local-bar" title="wsk-icon--local-bar"></span>
|
||||
<span class="wsk-icon wsk-icon--local-cafe" title="wsk-icon--local-cafe"></span>
|
||||
<span class="wsk-icon wsk-icon--local-car-wash" title="wsk-icon--local-car-wash"></span>
|
||||
<span class="wsk-icon wsk-icon--local-convenience-store" title="wsk-icon--local-convenience-store"></span>
|
||||
<span class="wsk-icon wsk-icon--local-drink" title="wsk-icon--local-drink"></span>
|
||||
<span class="wsk-icon wsk-icon--local-florist" title="wsk-icon--local-florist"></span>
|
||||
<span class="wsk-icon wsk-icon--local-gas-station" title="wsk-icon--local-gas-station"></span>
|
||||
<span class="wsk-icon wsk-icon--local-grocery-store" title="wsk-icon--local-grocery-store"></span>
|
||||
<span class="wsk-icon wsk-icon--local-hospital" title="wsk-icon--local-hospital"></span>
|
||||
<span class="wsk-icon wsk-icon--local-hotel" title="wsk-icon--local-hotel"></span>
|
||||
<span class="wsk-icon wsk-icon--local-laundry-service" title="wsk-icon--local-laundry-service"></span>
|
||||
<span class="wsk-icon wsk-icon--local-library" title="wsk-icon--local-library"></span>
|
||||
<span class="wsk-icon wsk-icon--local-mall" title="wsk-icon--local-mall"></span>
|
||||
<span class="wsk-icon wsk-icon--local-movies" title="wsk-icon--local-movies"></span>
|
||||
<span class="wsk-icon wsk-icon--local-offer" title="wsk-icon--local-offer"></span>
|
||||
<span class="wsk-icon wsk-icon--local-parking" title="wsk-icon--local-parking"></span>
|
||||
<span class="wsk-icon wsk-icon--local-pharmacy" title="wsk-icon--local-pharmacy"></span>
|
||||
<span class="wsk-icon wsk-icon--local-phone" title="wsk-icon--local-phone"></span>
|
||||
<span class="wsk-icon wsk-icon--local-pizza" title="wsk-icon--local-pizza"></span>
|
||||
<span class="wsk-icon wsk-icon--local-play" title="wsk-icon--local-play"></span>
|
||||
<span class="wsk-icon wsk-icon--local-post-office" title="wsk-icon--local-post-office"></span>
|
||||
<span class="wsk-icon wsk-icon--local-print-shop" title="wsk-icon--local-print-shop"></span>
|
||||
<span class="wsk-icon wsk-icon--local-restaurant" title="wsk-icon--local-restaurant"></span>
|
||||
<span class="wsk-icon wsk-icon--local-see" title="wsk-icon--local-see"></span>
|
||||
<span class="wsk-icon wsk-icon--local-shipping" title="wsk-icon--local-shipping"></span>
|
||||
<span class="wsk-icon wsk-icon--local-taxi" title="wsk-icon--local-taxi"></span>
|
||||
<span class="wsk-icon wsk-icon--location-history" title="wsk-icon--location-history"></span>
|
||||
<span class="wsk-icon wsk-icon--map" title="wsk-icon--map"></span>
|
||||
<span class="wsk-icon wsk-icon--my-location" title="wsk-icon--my-location"></span>
|
||||
<span class="wsk-icon wsk-icon--navigation" title="wsk-icon--navigation"></span>
|
||||
<span class="wsk-icon wsk-icon--pin-drop" title="wsk-icon--pin-drop"></span>
|
||||
<span class="wsk-icon wsk-icon--place" title="wsk-icon--place"></span>
|
||||
<span class="wsk-icon wsk-icon--rate-review" title="wsk-icon--rate-review"></span>
|
||||
<span class="wsk-icon wsk-icon--restaurant-menu" title="wsk-icon--restaurant-menu"></span>
|
||||
<span class="wsk-icon wsk-icon--satellite" title="wsk-icon--satellite"></span>
|
||||
<span class="wsk-icon wsk-icon--store-mall-directory" title="wsk-icon--store-mall-directory"></span>
|
||||
<span class="wsk-icon wsk-icon--terrain" title="wsk-icon--terrain"></span>
|
||||
<span class="wsk-icon wsk-icon--traffic" title="wsk-icon--traffic"></span>
|
||||
|
||||
<h2>navigation</h2>
|
||||
<span class="wsk-icon wsk-icon--apps" title="wsk-icon--apps"></span>
|
||||
<span class="wsk-icon wsk-icon--arrow-back" title="wsk-icon--arrow-back"></span>
|
||||
<span class="wsk-icon wsk-icon--arrow-drop-down" title="wsk-icon--arrow-drop-down"></span>
|
||||
<span class="wsk-icon wsk-icon--arrow-drop-down-circle" title="wsk-icon--arrow-drop-down-circle"></span>
|
||||
<span class="wsk-icon wsk-icon--arrow-drop-up" title="wsk-icon--arrow-drop-up"></span>
|
||||
<span class="wsk-icon wsk-icon--arrow-forward" title="wsk-icon--arrow-forward"></span>
|
||||
<span class="wsk-icon wsk-icon--cancel" title="wsk-icon--cancel"></span>
|
||||
<span class="wsk-icon wsk-icon--check" title="wsk-icon--check"></span>
|
||||
<span class="wsk-icon wsk-icon--chevron-left" title="wsk-icon--chevron-left"></span>
|
||||
<span class="wsk-icon wsk-icon--chevron-right" title="wsk-icon--chevron-right"></span>
|
||||
<span class="wsk-icon wsk-icon--close" title="wsk-icon--close"></span>
|
||||
<span class="wsk-icon wsk-icon--expand-less" title="wsk-icon--expand-less"></span>
|
||||
<span class="wsk-icon wsk-icon--expand-more" title="wsk-icon--expand-more"></span>
|
||||
<span class="wsk-icon wsk-icon--fullscreen" title="wsk-icon--fullscreen"></span>
|
||||
<span class="wsk-icon wsk-icon--fullscreen-exit" title="wsk-icon--fullscreen-exit"></span>
|
||||
<span class="wsk-icon wsk-icon--menu" title="wsk-icon--menu"></span>
|
||||
<span class="wsk-icon wsk-icon--more-horiz" title="wsk-icon--more-horiz"></span>
|
||||
<span class="wsk-icon wsk-icon--more-vert" title="wsk-icon--more-vert"></span>
|
||||
<span class="wsk-icon wsk-icon--refresh" title="wsk-icon--refresh"></span>
|
||||
<span class="wsk-icon wsk-icon--unfold-less" title="wsk-icon--unfold-less"></span>
|
||||
<span class="wsk-icon wsk-icon--unfold-more" title="wsk-icon--unfold-more"></span>
|
||||
|
||||
<h2>notification</h2>
|
||||
<span class="wsk-icon wsk-icon--adb" title="wsk-icon--adb"></span>
|
||||
<span class="wsk-icon wsk-icon--bluetooth-audio" title="wsk-icon--bluetooth-audio"></span>
|
||||
<span class="wsk-icon wsk-icon--disc-full" title="wsk-icon--disc-full"></span>
|
||||
<span class="wsk-icon wsk-icon--dnd-forwardslash" title="wsk-icon--dnd-forwardslash"></span>
|
||||
<span class="wsk-icon wsk-icon--do-not-disturb" title="wsk-icon--do-not-disturb"></span>
|
||||
<span class="wsk-icon wsk-icon--drive-eta" title="wsk-icon--drive-eta"></span>
|
||||
<span class="wsk-icon wsk-icon--event-available" title="wsk-icon--event-available"></span>
|
||||
<span class="wsk-icon wsk-icon--event-busy" title="wsk-icon--event-busy"></span>
|
||||
<span class="wsk-icon wsk-icon--event-note" title="wsk-icon--event-note"></span>
|
||||
<span class="wsk-icon wsk-icon--folder-special" title="wsk-icon--folder-special"></span>
|
||||
<span class="wsk-icon wsk-icon--mms" title="wsk-icon--mms"></span>
|
||||
<span class="wsk-icon wsk-icon--more" title="wsk-icon--more"></span>
|
||||
<span class="wsk-icon wsk-icon--network-locked" title="wsk-icon--network-locked"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-bluetooth-speaker" title="wsk-icon--phone-bluetooth-speaker"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-forwarded" title="wsk-icon--phone-forwarded"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-in-talk" title="wsk-icon--phone-in-talk"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-locked" title="wsk-icon--phone-locked"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-missed" title="wsk-icon--phone-missed"></span>
|
||||
<span class="wsk-icon wsk-icon--phone-paused" title="wsk-icon--phone-paused"></span>
|
||||
<span class="wsk-icon wsk-icon--play-download" title="wsk-icon--play-download"></span>
|
||||
<span class="wsk-icon wsk-icon--play-install" title="wsk-icon--play-install"></span>
|
||||
<span class="wsk-icon wsk-icon--sd-card" title="wsk-icon--sd-card"></span>
|
||||
<span class="wsk-icon wsk-icon--sim-card-alert" title="wsk-icon--sim-card-alert"></span>
|
||||
<span class="wsk-icon wsk-icon--sms" title="wsk-icon--sms"></span>
|
||||
<span class="wsk-icon wsk-icon--sms-failed" title="wsk-icon--sms-failed"></span>
|
||||
<span class="wsk-icon wsk-icon--sync" title="wsk-icon--sync"></span>
|
||||
<span class="wsk-icon wsk-icon--sync-disabled" title="wsk-icon--sync-disabled"></span>
|
||||
<span class="wsk-icon wsk-icon--sync-problem" title="wsk-icon--sync-problem"></span>
|
||||
<span class="wsk-icon wsk-icon--system-update" title="wsk-icon--system-update"></span>
|
||||
<span class="wsk-icon wsk-icon--tap-and-play" title="wsk-icon--tap-and-play"></span>
|
||||
<span class="wsk-icon wsk-icon--time-to-leave" title="wsk-icon--time-to-leave"></span>
|
||||
<span class="wsk-icon wsk-icon--vibration" title="wsk-icon--vibration"></span>
|
||||
<span class="wsk-icon wsk-icon--voice-chat" title="wsk-icon--voice-chat"></span>
|
||||
<span class="wsk-icon wsk-icon--vpn-lock" title="wsk-icon--vpn-lock"></span>
|
||||
|
||||
<h2>social</h2>
|
||||
<span class="wsk-icon wsk-icon--cake" title="wsk-icon--cake"></span>
|
||||
<span class="wsk-icon wsk-icon--domain" title="wsk-icon--domain"></span>
|
||||
<span class="wsk-icon wsk-icon--group" title="wsk-icon--group"></span>
|
||||
<span class="wsk-icon wsk-icon--group-add" title="wsk-icon--group-add"></span>
|
||||
<span class="wsk-icon wsk-icon--location-city" title="wsk-icon--location-city"></span>
|
||||
<span class="wsk-icon wsk-icon--mood" title="wsk-icon--mood"></span>
|
||||
<span class="wsk-icon wsk-icon--notifications" title="wsk-icon--notifications"></span>
|
||||
<span class="wsk-icon wsk-icon--notifications-none" title="wsk-icon--notifications-none"></span>
|
||||
<span class="wsk-icon wsk-icon--notifications-off" title="wsk-icon--notifications-off"></span>
|
||||
<span class="wsk-icon wsk-icon--notifications-on" title="wsk-icon--notifications-on"></span>
|
||||
<span class="wsk-icon wsk-icon--notifications-paused" title="wsk-icon--notifications-paused"></span>
|
||||
<span class="wsk-icon wsk-icon--pages" title="wsk-icon--pages"></span>
|
||||
<span class="wsk-icon wsk-icon--party-mode" title="wsk-icon--party-mode"></span>
|
||||
<span class="wsk-icon wsk-icon--people" title="wsk-icon--people"></span>
|
||||
<span class="wsk-icon wsk-icon--people-outline" title="wsk-icon--people-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--person" title="wsk-icon--person"></span>
|
||||
<span class="wsk-icon wsk-icon--person-add" title="wsk-icon--person-add"></span>
|
||||
<span class="wsk-icon wsk-icon--person-outline" title="wsk-icon--person-outline"></span>
|
||||
<span class="wsk-icon wsk-icon--plus-one" title="wsk-icon--plus-one"></span>
|
||||
<span class="wsk-icon wsk-icon--poll" title="wsk-icon--poll"></span>
|
||||
<span class="wsk-icon wsk-icon--public" title="wsk-icon--public"></span>
|
||||
<span class="wsk-icon wsk-icon--school" title="wsk-icon--school"></span>
|
||||
<span class="wsk-icon wsk-icon--share" title="wsk-icon--share"></span>
|
||||
<span class="wsk-icon wsk-icon--whatshot" title="wsk-icon--whatshot"></span>
|
||||
|
||||
<h2>toggle</h2>
|
||||
<span class="wsk-icon wsk-icon--check-box" title="wsk-icon--check-box"></span>
|
||||
<span class="wsk-icon wsk-icon--check-box-outline-blank" title="wsk-icon--check-box-outline-blank"></span>
|
||||
<span class="wsk-icon wsk-icon--radio-button-off" title="wsk-icon--radio-button-off"></span>
|
||||
<span class="wsk-icon wsk-icon--radio-button-on" title="wsk-icon--radio-button-on"></span>
|
||||
<span class="wsk-icon wsk-icon--star" title="wsk-icon--star"></span>
|
||||
<span class="wsk-icon wsk-icon--star-half" title="wsk-icon--star-half"></span>
|
||||
<span class="wsk-icon wsk-icon--star-outline" title="wsk-icon--star-outline"></span>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "../typography/typography";
|
||||
@import "_icons";
|
||||
|
||||
$icon-border-color: #ccc;
|
||||
|
||||
h2 {
|
||||
clear: both;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wsk-icon {
|
||||
display: inline-block;
|
||||
font-size: 24px;
|
||||
min-width: 24px;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "_item";
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "_list";
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "_radio";
|
||||
|
|
@ -1 +0,0 @@
|
|||
@import "_slider";
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "_spinner";
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "_switch";
|
||||
|
|
@ -1,49 +0,0 @@
|
|||
<!doctype html>
|
||||
<html lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Tooltip</title>
|
||||
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="preview-block">
|
||||
|
||||
<div id="el1" class="icon wsk-icon wsk-icon--note-add"></div>
|
||||
<div class="wsk-tooltip" for="el1">
|
||||
Simple tooltip
|
||||
</div>
|
||||
|
||||
<div id="el2" class="icon wsk-icon wsk-icon--mood"></div>
|
||||
<div class="wsk-tooltip" for="el2">
|
||||
This is a
|
||||
<strong>rich tooltip</strong>
|
||||
</div>
|
||||
|
||||
<div id="el3" class="icon wsk-icon wsk-icon--group"></div>
|
||||
<div class="wsk-tooltip" for="el3">
|
||||
This is an example of a long tooltip that wraps
|
||||
</div>
|
||||
|
||||
<div id="el4" class="icon wsk-icon wsk-icon--menu"></div>
|
||||
<div class="wsk-tooltip wsk-tooltip--large" for="el4">
|
||||
Element with a large tooltip
|
||||
</div>
|
||||
</div>
|
||||
<!-- build:js(app/styleguide/tooltip/) ../../scripts/main.min.js -->
|
||||
<script src="../wskComponentHandler.js"></script>
|
||||
<script src="tooltip.js"></script>
|
||||
<script src="../third_party/rAF.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
|
@ -2,7 +2,6 @@
|
|||
@import '../shadow/shadow';
|
||||
@import '../typography/typography';
|
||||
@import '../animation/animation';
|
||||
@import '../icons/icons';
|
||||
|
||||
// Dimensions
|
||||
$layout-drawer-narrow: 240px;
|
||||
|
|
@ -179,8 +178,8 @@ $layout-tab-highlight-thickness: 2px;
|
|||
z-index: 3;
|
||||
|
||||
&::after {
|
||||
@include wsk-icon();
|
||||
content: $icon-menu;
|
||||
// TODO(sgomes): Replace with proper menu icon once we have an icon font.
|
||||
content: '☰';
|
||||
}
|
||||
|
||||
.wsk-layout--overlay-drawer-button > & {
|
||||
|
|
@ -198,7 +197,6 @@ $layout-tab-highlight-thickness: 2px;
|
|||
width: $layout-header-icon-size;
|
||||
color: $layout-header-text-color;
|
||||
background-color: $layout-header-bg-color;
|
||||
z-index: 5;
|
||||
|
||||
@media screen and (max-width: $layout-screen-size-threshold) {
|
||||
left: $layout-header-basic-mobile-indent;
|
||||
|
|
@ -556,9 +554,9 @@ $layout-tab-highlight-thickness: 2px;
|
|||
left: 0;
|
||||
|
||||
&::after {
|
||||
// TODO(sgomes): replace with left chevron when we have an icon font.
|
||||
font-size: 26px;
|
||||
@include wsk-icon();
|
||||
content: $icon-chevron-left;
|
||||
content: "<";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -566,9 +564,9 @@ $layout-tab-highlight-thickness: 2px;
|
|||
right: 0;
|
||||
|
||||
&::after {
|
||||
// TODO(sgomes): replace with left chevron when we have an icon font.
|
||||
font-size: 26px;
|
||||
@include wsk-icon();
|
||||
content: $icon-chevron-right;
|
||||
content: ">";
|
||||
}
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 227 KiB |
|
|
@ -30,21 +30,34 @@ MaterialRadio.prototype.Constant_ = {
|
|||
* @private
|
||||
*/
|
||||
MaterialRadio.prototype.CssClasses_ = {
|
||||
JS_RADIO: 'wsk-js-radio',
|
||||
RADIO_BTN: 'wsk-radio__button',
|
||||
RADIO_OUTER_CIRCLE: 'wsk-radio__outer-circle',
|
||||
RADIO_INNER_CIRCLE: 'wsk-radio__inner-circle',
|
||||
RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
RIPPLE_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events',
|
||||
RIPPLE_CONTAINER: 'wsk-radio__ripple-container',
|
||||
RIPPLE_CENTER: 'wsk-ripple--center',
|
||||
RIPPLE: 'wsk-ripple',
|
||||
IS_FOCUSED: 'is-focused',
|
||||
|
||||
IS_DISABLED: 'is-disabled',
|
||||
|
||||
IS_CHECKED: 'is-checked',
|
||||
IS_UPGRADED: 'is-upgraded'
|
||||
|
||||
IS_UPGRADED: 'is-upgraded',
|
||||
|
||||
WSK_JS_RADIO: 'wsk-js-radio',
|
||||
|
||||
WSK_RADIO_BTN: 'wsk-radio__button',
|
||||
|
||||
WSK_RADIO_OUTER_CIRCLE: 'wsk-radio__outer-circle',
|
||||
|
||||
WSK_RADIO_INNER_CIRCLE: 'wsk-radio__inner-circle',
|
||||
|
||||
WSK_JS_RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
|
||||
WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events',
|
||||
|
||||
WSK_RADIO_RIPPLE_CONTAINER: 'wsk-radio__ripple-container',
|
||||
|
||||
WSK_RIPPLE_CENTER: 'wsk-ripple--center',
|
||||
|
||||
WSK_RIPPLE: 'wsk-ripple'
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle change of state.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -57,9 +70,9 @@ MaterialRadio.prototype.onChange_ = function(event) {
|
|||
|
||||
// Since other radio buttons don't get change events, we need to look for
|
||||
// them to update their classes.
|
||||
var radios = document.getElementsByClassName(this.CssClasses_.JS_RADIO);
|
||||
var radios = document.getElementsByClassName(this.CssClasses_.WSK_JS_RADIO);
|
||||
for (var i = 0; i < radios.length; i++) {
|
||||
var button = radios[i].querySelector('.' + this.CssClasses_.RADIO_BTN);
|
||||
var button = radios[i].querySelector('.' + this.CssClasses_.WSK_RADIO_BTN);
|
||||
// Different name == different group, so no point updating those.
|
||||
if (button.getAttribute('name') === this.btnElement_.getAttribute('name')) {
|
||||
this.updateClasses_(button, radios[i]);
|
||||
|
|
@ -67,6 +80,7 @@ MaterialRadio.prototype.onChange_ = function(event) {
|
|||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle focus.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -78,6 +92,7 @@ MaterialRadio.prototype.onFocus_ = function(event) {
|
|||
this.element_.classList.add(this.CssClasses_.IS_FOCUSED);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle lost focus.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -89,6 +104,7 @@ MaterialRadio.prototype.onBlur_ = function(event) {
|
|||
this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle mouseup.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -100,6 +116,7 @@ MaterialRadio.prototype.onMouseup_ = function(event) {
|
|||
this.blur_();
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Update classes.
|
||||
* @param {HTMLElement} button The button whose classes we should update.
|
||||
|
|
@ -122,6 +139,7 @@ MaterialRadio.prototype.updateClasses_ = function(button, label) {
|
|||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Add blur.
|
||||
* @private
|
||||
|
|
@ -136,6 +154,7 @@ MaterialRadio.prototype.blur_ = function(event) {
|
|||
}.bind(this), this.Constant_.TINY_TIMEOUT);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Initialize element.
|
||||
*/
|
||||
|
|
@ -144,43 +163,51 @@ MaterialRadio.prototype.init = function() {
|
|||
|
||||
if (this.element_) {
|
||||
this.btnElement_ = this.element_.querySelector('.' +
|
||||
this.CssClasses_.RADIO_BTN);
|
||||
this.CssClasses_.WSK_RADIO_BTN);
|
||||
|
||||
var outerCircle = document.createElement('span');
|
||||
outerCircle.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);
|
||||
outerCircle.classList.add(this.CssClasses_.WSK_RADIO_OUTER_CIRCLE);
|
||||
|
||||
var innerCircle = document.createElement('span');
|
||||
innerCircle.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE);
|
||||
innerCircle.classList.add(this.CssClasses_.WSK_RADIO_INNER_CIRCLE);
|
||||
|
||||
this.element_.appendChild(outerCircle);
|
||||
this.element_.appendChild(innerCircle);
|
||||
|
||||
var rippleContainer;
|
||||
if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);
|
||||
if (this.element_.classList.contains(
|
||||
this.CssClasses_.WSK_JS_RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(
|
||||
this.CssClasses_.WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS);
|
||||
rippleContainer = document.createElement('span');
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT);
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER);
|
||||
rippleContainer.classList.add(
|
||||
this.CssClasses_.WSK_RADIO_RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(this.CssClasses_.WSK_JS_RIPPLE_EFFECT);
|
||||
rippleContainer.classList.add(this.CssClasses_.WSK_RIPPLE_CENTER);
|
||||
|
||||
var ripple = document.createElement('span');
|
||||
ripple.classList.add(this.CssClasses_.RIPPLE);
|
||||
ripple.classList.add(this.CssClasses_.WSK_RIPPLE);
|
||||
|
||||
rippleContainer.appendChild(ripple);
|
||||
this.element_.appendChild(rippleContainer);
|
||||
rippleContainer.addEventListener('mouseup', this.onMouseup_.bind(this));
|
||||
}
|
||||
|
||||
this.btnElement_.addEventListener('change', this.onChange_.bind(this));
|
||||
|
||||
this.btnElement_.addEventListener('focus', this.onFocus_.bind(this));
|
||||
|
||||
this.btnElement_.addEventListener('blur', this.onBlur_.bind(this));
|
||||
|
||||
this.element_.addEventListener('mouseup', this.onMouseup_.bind(this));
|
||||
|
||||
rippleContainer.addEventListener('mouseup', this.onMouseup_.bind(this));
|
||||
|
||||
this.updateClasses_(this.btnElement_, this.element_);
|
||||
this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// The component registers itself. It can assume componentHandler is available
|
||||
// in the global scope.
|
||||
componentHandler.register({
|
||||
|
|
@ -1,6 +1,29 @@
|
|||
@import 'typography/typography';
|
||||
@import "resets/_h5bp";
|
||||
@import "colors";
|
||||
@import "typography/typography";
|
||||
@import "palette/palette";
|
||||
@import "shadow/shadow";
|
||||
@import "ripple/ripple";
|
||||
@import "animation/animation";
|
||||
@import "button/button";
|
||||
@import "card/card";
|
||||
@import "checkbox/checkbox";
|
||||
@import "column-layout/column-layout";
|
||||
@import "dropdown-menu/dropdown-menu";
|
||||
@import "footer/mega_footer";
|
||||
@import "footer/mini_footer";
|
||||
@import "icon-toggle/icon-toggle";
|
||||
@import "item/item";
|
||||
@import "layout/layout";
|
||||
@import "list/list";
|
||||
@import "radio/radio";
|
||||
@import "slider/slider";
|
||||
@import "spinner/spinner";
|
||||
@import "switch/switch";
|
||||
@import "tabs/tabs";
|
||||
@import "textfield/textfield";
|
||||
@import "tooltip/tooltip";
|
||||
|
||||
|
||||
$padding: 24px;
|
||||
|
||||
|
|
@ -30,21 +30,32 @@ MaterialSwitch.prototype.Constant_ = {
|
|||
* @private
|
||||
*/
|
||||
MaterialSwitch.prototype.CssClasses_ = {
|
||||
INPUT: 'wsk-switch__input',
|
||||
TRACK: 'wsk-switch__track',
|
||||
THUMB: 'wsk-switch__thumb',
|
||||
FOCUS_HELPER: 'wsk-switch__focus-helper',
|
||||
RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
RIPPLE_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events',
|
||||
RIPPLE_CONTAINER: 'wsk-switch__ripple-container',
|
||||
RIPPLE_CENTER: 'wsk-ripple--center',
|
||||
RIPPLE: 'wsk-ripple',
|
||||
WSK_SWITCH_INPUT: 'wsk-switch__input',
|
||||
|
||||
WSK_SWITCH_TRACK: 'wsk-switch__track',
|
||||
|
||||
WSK_SWITCH_THUMB: 'wsk-switch__thumb',
|
||||
|
||||
WSK_SWITCH_FOCUS_HELPER: 'wsk-switch__focus-helper',
|
||||
|
||||
WSK_JS_RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
|
||||
WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events',
|
||||
|
||||
WSK_SWITCH_RIPPLE_CONTAINER: 'wsk-switch__ripple-container',
|
||||
|
||||
WSK_RIPPLE_CENTER: 'wsk-ripple--center',
|
||||
|
||||
WSK_RIPPLE: 'wsk-ripple',
|
||||
|
||||
IS_FOCUSED: 'is-focused',
|
||||
|
||||
IS_DISABLED: 'is-disabled',
|
||||
IS_CHECKED: 'is-checked',
|
||||
IS_UPGRADED: 'is-upgraded'
|
||||
|
||||
IS_CHECKED: 'is-checked'
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle change of state.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -56,6 +67,7 @@ MaterialSwitch.prototype.onChange_ = function(event) {
|
|||
this.updateClasses_(this.btnElement_, this.element_);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle focus of element.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -67,6 +79,7 @@ MaterialSwitch.prototype.onFocus_ = function(event) {
|
|||
this.element_.classList.add(this.CssClasses_.IS_FOCUSED);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle lost focus of element.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -78,6 +91,7 @@ MaterialSwitch.prototype.onBlur_ = function(event) {
|
|||
this.element_.classList.remove(this.CssClasses_.IS_FOCUSED);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle mouseup.
|
||||
* @param {Event} event The event that fired.
|
||||
|
|
@ -89,6 +103,7 @@ MaterialSwitch.prototype.onMouseUp_ = function(event) {
|
|||
this.blur_();
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Handle class updates.
|
||||
* @param {HTMLElement} button The button whose classes we should update.
|
||||
|
|
@ -111,6 +126,7 @@ MaterialSwitch.prototype.updateClasses_ = function(button, label) {
|
|||
}
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Add blur.
|
||||
* @private
|
||||
|
|
@ -125,6 +141,7 @@ MaterialSwitch.prototype.blur_ = function(event) {
|
|||
}.bind(this), this.Constant_.TINY_TIMEOUT);
|
||||
};
|
||||
|
||||
|
||||
/**
|
||||
* Initialize element.
|
||||
*/
|
||||
|
|
@ -133,16 +150,16 @@ MaterialSwitch.prototype.init = function() {
|
|||
|
||||
if (this.element_) {
|
||||
this.btnElement_ = this.element_.querySelector('.' +
|
||||
this.CssClasses_.INPUT);
|
||||
this.CssClasses_.WSK_SWITCH_INPUT);
|
||||
|
||||
var track = document.createElement('div');
|
||||
track.classList.add(this.CssClasses_.TRACK);
|
||||
track.classList.add(this.CssClasses_.WSK_SWITCH_TRACK);
|
||||
|
||||
var thumb = document.createElement('div');
|
||||
thumb.classList.add(this.CssClasses_.THUMB);
|
||||
thumb.classList.add(this.CssClasses_.WSK_SWITCH_THUMB);
|
||||
|
||||
var focusHelper = document.createElement('span');
|
||||
focusHelper.classList.add(this.CssClasses_.FOCUS_HELPER);
|
||||
focusHelper.classList.add(this.CssClasses_.WSK_SWITCH_FOCUS_HELPER);
|
||||
|
||||
thumb.appendChild(focusHelper);
|
||||
|
||||
|
|
@ -150,28 +167,35 @@ MaterialSwitch.prototype.init = function() {
|
|||
this.element_.appendChild(thumb);
|
||||
|
||||
var rippleContainer;
|
||||
if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);
|
||||
if (this.element_.classList.contains(
|
||||
this.CssClasses_.WSK_JS_RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(
|
||||
this.CssClasses_.WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS);
|
||||
rippleContainer = document.createElement('span');
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_EFFECT);
|
||||
rippleContainer.classList.add(this.CssClasses_.RIPPLE_CENTER);
|
||||
rippleContainer.classList.add(
|
||||
this.CssClasses_.WSK_SWITCH_RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(this.CssClasses_.WSK_JS_RIPPLE_EFFECT);
|
||||
rippleContainer.classList.add(this.CssClasses_.WSK_RIPPLE_CENTER);
|
||||
|
||||
var ripple = document.createElement('span');
|
||||
ripple.classList.add(this.CssClasses_.RIPPLE);
|
||||
ripple.classList.add(this.CssClasses_.WSK_RIPPLE);
|
||||
|
||||
rippleContainer.appendChild(ripple);
|
||||
this.element_.appendChild(rippleContainer);
|
||||
rippleContainer.addEventListener('mouseup', this.onMouseUp_.bind(this));
|
||||
}
|
||||
|
||||
this.btnElement_.addEventListener('change', this.onChange_.bind(this));
|
||||
|
||||
this.btnElement_.addEventListener('focus', this.onFocus_.bind(this));
|
||||
|
||||
this.btnElement_.addEventListener('blur', this.onBlur_.bind(this));
|
||||
|
||||
this.element_.addEventListener('mouseup', this.onMouseUp_.bind(this));
|
||||
|
||||
rippleContainer.addEventListener('mouseup', this.onMouseUp_.bind(this));
|
||||
|
||||
this.updateClasses_(this.btnElement_, this.element_);
|
||||
this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
|
||||
this.element_.classList.add('is-upgraded');
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -31,14 +31,15 @@ MaterialTabs.prototype.Constant_ = {
|
|||
* @private
|
||||
*/
|
||||
MaterialTabs.prototype.CssClasses_ = {
|
||||
TAB: 'wsk-tabs__tab',
|
||||
PANEL: 'wsk-tabs__panel',
|
||||
RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
RIPPLE_CONTAINER: 'wsk-tabs__ripple-container',
|
||||
RIPPLE: 'wsk-ripple',
|
||||
RIPPLE_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events',
|
||||
IS_ACTIVE: 'is-active',
|
||||
IS_UPGRADED: 'is-upgraded',
|
||||
TAB_CLASS: 'wsk-tabs__tab',
|
||||
PANEL_CLASS: 'wsk-tabs__panel',
|
||||
ACTIVE_CLASS: 'is-active',
|
||||
UPGRADED_CLASS: 'is-upgraded',
|
||||
|
||||
WSK_JS_RIPPLE_EFFECT: 'wsk-js-ripple-effect',
|
||||
WSK_RIPPLE_CONTAINER: 'wsk-tabs__ripple-container',
|
||||
WSK_RIPPLE: 'wsk-ripple',
|
||||
WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS: 'wsk-js-ripple-effect--ignore-events'
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
@ -48,20 +49,22 @@ MaterialTabs.prototype.CssClasses_ = {
|
|||
MaterialTabs.prototype.initTabs_ = function(e) {
|
||||
'use strict';
|
||||
|
||||
if (this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);
|
||||
if (this.element_.classList.contains(this.CssClasses_.WSK_JS_RIPPLE_EFFECT)) {
|
||||
this.element_.classList.add(
|
||||
this.CssClasses_.WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS);
|
||||
}
|
||||
|
||||
// Select element tabs, document panels
|
||||
this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB);
|
||||
this.panels_ = this.element_.querySelectorAll('.' + this.CssClasses_.PANEL);
|
||||
this.tabs_ = this.element_.querySelectorAll('.' + this.CssClasses_.TAB_CLASS);
|
||||
this.panels_ =
|
||||
this.element_.querySelectorAll('.' + this.CssClasses_.PANEL_CLASS);
|
||||
|
||||
// Create new tabs for each tab element
|
||||
for (var i = 0; i < this.tabs_.length; i++) {
|
||||
new MaterialTab(this.tabs_[i], this);
|
||||
}
|
||||
|
||||
this.element_.classList.add(this.CssClasses_.IS_UPGRADED);
|
||||
this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS);
|
||||
};
|
||||
|
||||
/**
|
||||
|
|
@ -72,7 +75,7 @@ MaterialTabs.prototype.resetTabState_ = function() {
|
|||
'use strict';
|
||||
|
||||
for (var k = 0; k < this.tabs_.length; k++) {
|
||||
this.tabs_[k].classList.remove(this.CssClasses_.IS_ACTIVE);
|
||||
this.tabs_[k].classList.remove(this.CssClasses_.ACTIVE_CLASS);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -84,7 +87,7 @@ MaterialTabs.prototype.resetPanelState_ = function() {
|
|||
'use strict';
|
||||
|
||||
for (var j = 0; j < this.panels_.length; j++) {
|
||||
this.panels_[j].classList.remove(this.CssClasses_.IS_ACTIVE);
|
||||
this.panels_[j].classList.remove(this.CssClasses_.ACTIVE_CLASS);
|
||||
}
|
||||
};
|
||||
|
||||
|
|
@ -100,12 +103,12 @@ function MaterialTab(tab, ctx) {
|
|||
'use strict';
|
||||
|
||||
if (tab) {
|
||||
if (ctx.element_.classList.contains(ctx.CssClasses_.RIPPLE_EFFECT)) {
|
||||
if (ctx.element_.classList.contains(ctx.CssClasses_.WSK_JS_RIPPLE_EFFECT)) {
|
||||
var rippleContainer = document.createElement('span');
|
||||
rippleContainer.classList.add(ctx.CssClasses_.RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(ctx.CssClasses_.RIPPLE_EFFECT);
|
||||
rippleContainer.classList.add(ctx.CssClasses_.WSK_RIPPLE_CONTAINER);
|
||||
rippleContainer.classList.add(ctx.CssClasses_.WSK_JS_RIPPLE_EFFECT);
|
||||
var ripple = document.createElement('span');
|
||||
ripple.classList.add(ctx.CssClasses_.RIPPLE);
|
||||
ripple.classList.add(ctx.CssClasses_.WSK_RIPPLE);
|
||||
rippleContainer.appendChild(ripple);
|
||||
tab.appendChild(rippleContainer);
|
||||
}
|
||||
|
|
@ -116,8 +119,8 @@ function MaterialTab(tab, ctx) {
|
|||
var panel = document.querySelector('#' + href);
|
||||
ctx.resetTabState_();
|
||||
ctx.resetPanelState_();
|
||||
tab.classList.add(ctx.CssClasses_.IS_ACTIVE);
|
||||
panel.classList.add(ctx.CssClasses_.IS_ACTIVE);
|
||||
tab.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
|
||||
panel.classList.add(ctx.CssClasses_.ACTIVE_CLASS);
|
||||
});
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,70 @@
|
|||
<!doctype html>
|
||||
<html lang="">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Tooltip</title>
|
||||
|
||||
<link rel="stylesheet" href="demo.css">
|
||||
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="PreviewBlock">
|
||||
|
||||
<div id="el1" class="icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24h-24z" fill="none" />
|
||||
<path d="M14 2h-8c-1.1 0-1.99.9-1.99 2l-.01 16c0 1.1.89 2 1.99 2h12.01c1.1 0 2-.9 2-2v-12l-6-6zm2 14h-3v3h-2v-3h-3v-2h3v-3h2v3h3v2zm-3-7v-5.5l5.5 5.5h-5.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="wsk-tooltip" for="el1">
|
||||
Simple tooltip
|
||||
</div>
|
||||
|
||||
<div id="el2" class="icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
||||
<path d="M0 0h18v18h-18z" fill="none" />
|
||||
<path d="M6 8c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm6 0c.55 0 1-.45 1-1s-.45-1-1-1-1 .45-1 1 .45 1 1 1zm-3 5.5c2.14 0 3.92-1.5 4.38-3.5h-8.76c.46 2 2.24 3.5 4.38 3.5zm0-12.5c-4.43 0-8 3.58-8 8s3.57 8 8 8 8-3.58 8-8-3.58-8-8-8zm0 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="wsk-tooltip" for="el2">
|
||||
This is a
|
||||
<strong>rich tooltip</strong>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="el3" class="icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
||||
<path d="M0 0h18v18h-18z" fill="none" />
|
||||
<path d="M6 8c1.11 0 2-.9 2-2s-.89-2-2-2c-1.1 0-2 .9-2 2s.9 2 2 2zm6 0c1.11 0 2-.9 2-2s-.89-2-2-2c-1.11 0-2 .9-2 2s.9 2 2 2zm-6 1.2c-1.67 0-5 .83-5 2.5v1.3h10v-1.3c0-1.67-3.33-2.5-5-2.5zm6 0c-.25 0-.54.02-.84.06.79.6 1.34 1.4 1.34 2.44v1.3h4.5v-1.3c0-1.67-3.33-2.5-5-2.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="wsk-tooltip" for="el3">
|
||||
This is an example of a long tooltip that wraps
|
||||
</div>
|
||||
<div id="el4" class="icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
||||
<path d="M0 0h18v18h-18z" fill="none" />
|
||||
<path d="M2 13.5h14v-1.5h-14v1.5zm0-4h14v-1.5h-14v1.5zm0-5.5v1.5h14v-1.5h-14z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="wsk-tooltip wsk-tooltip--large" for="el4">
|
||||
Element with a large tooltip
|
||||
</div>
|
||||
</div>
|
||||
<!-- build:js(app/styleguide/tooltip/) ../../scripts/main.min.js -->
|
||||
<script src="../wskComponentHandler.js"></script>
|
||||
<script src="tooltip.js"></script>
|
||||
<script src="../third_party/rAF.js"></script>
|
||||
<!-- endbuild -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,5 +1,4 @@
|
|||
@import "../styleguide_demo_bp";
|
||||
@import "../icons/_icons";
|
||||
@import "_tooltip";
|
||||
|
||||
body {
|
||||
|
|
@ -10,7 +9,7 @@ body {
|
|||
|
||||
.preview-block {
|
||||
background: #eee;
|
||||
padding: 20px;
|
||||
padding : 20px;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
|
|
@ -20,14 +19,13 @@ body {
|
|||
display: inline-block;
|
||||
height: 21px;
|
||||
margin: 0 50px;
|
||||
opacity: 0.7;
|
||||
opacity: .7;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 21px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.icon:hover {
|
||||
icon:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 118 KiB |
|
Before Width: | Height: | Size: 174 KiB After Width: | Height: | Size: 174 KiB |
Loading…
Reference in New Issue