New Tokens
Summary: New tokens, slightly larger (18x18 vs 16x16). I think these all feel decent, I might tweak the thumbs icons a little more color-wise. Test Plan: Use Tokens. {F1707411} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T11244 Differential Revision: https://secure.phabricator.com/D16211
|
@ -7,7 +7,7 @@
|
|||
*/
|
||||
return array(
|
||||
'names' => array(
|
||||
'core.pkg.css' => 'ee796570',
|
||||
'core.pkg.css' => '425300c6',
|
||||
'core.pkg.js' => 'f2139810',
|
||||
'darkconsole.pkg.js' => 'e7393ebb',
|
||||
'differential.pkg.css' => '3e81ae60',
|
||||
|
@ -139,7 +139,7 @@ return array(
|
|||
'rsrc/css/phui/phui-header-view.css' => '4c7dd8f5',
|
||||
'rsrc/css/phui/phui-hovercard.css' => 'de1a2119',
|
||||
'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad',
|
||||
'rsrc/css/phui/phui-icon.css' => '3f33ab57',
|
||||
'rsrc/css/phui/phui-icon.css' => 'd0534b71',
|
||||
'rsrc/css/phui/phui-image-mask.css' => 'a8498f9c',
|
||||
'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
|
||||
'rsrc/css/phui/phui-info-view.css' => '28efab79',
|
||||
|
@ -163,7 +163,7 @@ return array(
|
|||
'rsrc/css/phui/workboards/phui-workpanel.css' => '92197373',
|
||||
'rsrc/css/sprite-login.css' => '60e8560e',
|
||||
'rsrc/css/sprite-menu.css' => '9dd65b92',
|
||||
'rsrc/css/sprite-tokens.css' => '4f399012',
|
||||
'rsrc/css/sprite-tokens.css' => 'd7059378',
|
||||
'rsrc/css/syntax/syntax-default.css' => '9923583c',
|
||||
'rsrc/externals/d3/d3.min.js' => 'a11a5ff2',
|
||||
'rsrc/externals/font/aleo/aleo-bold.eot' => 'd3d3bed7',
|
||||
|
@ -344,8 +344,8 @@ return array(
|
|||
'rsrc/image/sprite-login.png' => '03d5af29',
|
||||
'rsrc/image/sprite-menu-X2.png' => 'cfd8fca5',
|
||||
'rsrc/image/sprite-menu.png' => 'd7a99faa',
|
||||
'rsrc/image/sprite-tokens-X2.png' => '348f1745',
|
||||
'rsrc/image/sprite-tokens.png' => 'ce0b62be',
|
||||
'rsrc/image/sprite-tokens-X2.png' => 'b92fe16d',
|
||||
'rsrc/image/sprite-tokens.png' => '938df9c8',
|
||||
'rsrc/image/texture/card-gradient.png' => '815f26e8',
|
||||
'rsrc/image/texture/dark-menu-hover.png' => '5fa7ece8',
|
||||
'rsrc/image/texture/dark-menu.png' => '7e22296e',
|
||||
|
@ -845,7 +845,7 @@ return array(
|
|||
'phui-hovercard' => '1bd28176',
|
||||
'phui-hovercard-view-css' => 'de1a2119',
|
||||
'phui-icon-set-selector-css' => '1ab67aad',
|
||||
'phui-icon-view-css' => '3f33ab57',
|
||||
'phui-icon-view-css' => 'd0534b71',
|
||||
'phui-image-mask-css' => 'a8498f9c',
|
||||
'phui-info-panel-css' => '27ea50a1',
|
||||
'phui-info-view-css' => '28efab79',
|
||||
|
@ -888,7 +888,7 @@ return array(
|
|||
'setup-issue-css' => 'db7e9c40',
|
||||
'sprite-login-css' => '60e8560e',
|
||||
'sprite-menu-css' => '9dd65b92',
|
||||
'sprite-tokens-css' => '4f399012',
|
||||
'sprite-tokens-css' => 'd7059378',
|
||||
'syntax-default-css' => '9923583c',
|
||||
'syntax-highlighting-css' => '769d3498',
|
||||
'tokens-css' => '3d0f239e',
|
||||
|
|
|
@ -4,88 +4,88 @@
|
|||
"tokens-coin-1": {
|
||||
"name": "tokens-coin-1",
|
||||
"rule": ".tokens-coin-1",
|
||||
"hash": "0ec4c7309f8191972340c6789a6b5691"
|
||||
"hash": "5343d745423994c45c5fc689edc47d05"
|
||||
},
|
||||
"tokens-coin-2": {
|
||||
"name": "tokens-coin-2",
|
||||
"rule": ".tokens-coin-2",
|
||||
"hash": "4c85dd4b0c388cfefe0075b7056384fd"
|
||||
"hash": "9a94b5f925f3e6f8eed673d50fbfe148"
|
||||
},
|
||||
"tokens-coin-3": {
|
||||
"name": "tokens-coin-3",
|
||||
"rule": ".tokens-coin-3",
|
||||
"hash": "a2e3770894539957e436a7d5a2be4703"
|
||||
"hash": "68db03ca248309a76cee97ada64239c6"
|
||||
},
|
||||
"tokens-coin-4": {
|
||||
"name": "tokens-coin-4",
|
||||
"rule": ".tokens-coin-4",
|
||||
"hash": "856cb87c5590975c0a25177ca2fd2a8f"
|
||||
"hash": "75832b7e42df9287b3c35c6afed12a93"
|
||||
},
|
||||
"tokens-heart-1": {
|
||||
"name": "tokens-heart-1",
|
||||
"rule": ".tokens-heart-1",
|
||||
"hash": "370228318750a79d93848bdf686444e5"
|
||||
"hash": "2d4812b2129a8eb05fcdbed1e9654422"
|
||||
},
|
||||
"tokens-heart-2": {
|
||||
"name": "tokens-heart-2",
|
||||
"rule": ".tokens-heart-2",
|
||||
"hash": "197144d3987308aaef311e29e3503707"
|
||||
"hash": "64cbdbfb0dc565f17b6f13b5e41bc000"
|
||||
},
|
||||
"tokens-like-1": {
|
||||
"name": "tokens-like-1",
|
||||
"rule": ".tokens-like-1",
|
||||
"hash": "3c5271d6678ad6d217a47779488c9918"
|
||||
"hash": "cca33a8c4c3bd89adbbc00edf6dd1589"
|
||||
},
|
||||
"tokens-like-2": {
|
||||
"name": "tokens-like-2",
|
||||
"rule": ".tokens-like-2",
|
||||
"hash": "b009176baadc3e71786ac24ce8229c5a"
|
||||
"hash": "faa428c378fd1ad504fd46e2890e6b7b"
|
||||
},
|
||||
"tokens-medal-1": {
|
||||
"name": "tokens-medal-1",
|
||||
"rule": ".tokens-medal-1",
|
||||
"hash": "cd897529c6834917da062589ae1a69ae"
|
||||
"hash": "33d837e703091060c1892c402535eef0"
|
||||
},
|
||||
"tokens-medal-2": {
|
||||
"name": "tokens-medal-2",
|
||||
"rule": ".tokens-medal-2",
|
||||
"hash": "d56f106b508c33bca6c0a33e2544d0d6"
|
||||
"hash": "fa2f3b237d7616a6cb309718ad162d7a"
|
||||
},
|
||||
"tokens-medal-3": {
|
||||
"name": "tokens-medal-3",
|
||||
"rule": ".tokens-medal-3",
|
||||
"hash": "d4e7c06cfd39d932a35aa25841d5008c"
|
||||
"hash": "d7282911ba57373b54b4093986143f3e"
|
||||
},
|
||||
"tokens-medal-4": {
|
||||
"name": "tokens-medal-4",
|
||||
"rule": ".tokens-medal-4",
|
||||
"hash": "36f596bd2615e521542ac10a771d6902"
|
||||
"hash": "a107a334968d57314ec6a71620c45b99"
|
||||
},
|
||||
"tokens-misc-1": {
|
||||
"name": "tokens-misc-1",
|
||||
"rule": ".tokens-misc-1",
|
||||
"hash": "8f7575c0176570b30aaffb801bcb2c13"
|
||||
"hash": "671ce03f62c7b0946482ec92d35b8aa3"
|
||||
},
|
||||
"tokens-misc-2": {
|
||||
"name": "tokens-misc-2",
|
||||
"rule": ".tokens-misc-2",
|
||||
"hash": "5c61bc36fd0b5545ebf31b57c6ab5185"
|
||||
"hash": "872353ba82e41512c3b54e5dc2aa3d43"
|
||||
},
|
||||
"tokens-misc-3": {
|
||||
"name": "tokens-misc-3",
|
||||
"rule": ".tokens-misc-3",
|
||||
"hash": "97a383def5eb847077b2b26a1a441c0e"
|
||||
"hash": "cdf9171ec6397b95ea9abe1edeaab359"
|
||||
},
|
||||
"tokens-misc-4": {
|
||||
"name": "tokens-misc-4",
|
||||
"rule": ".tokens-misc-4",
|
||||
"hash": "229c8a28e3b6bb883effbb62689e190f"
|
||||
"hash": "42bc383165221803c281882141ce4bef"
|
||||
}
|
||||
},
|
||||
"scales": [
|
||||
1,
|
||||
2
|
||||
],
|
||||
"header": "\/**\n * @provides sprite-tokens-css\n * @generated\n *\/\n\n.sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-tokens {\n background-image: url(\/rsrc\/image\/sprite-tokens-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
|
||||
"header": "/**\n * @provides sprite-tokens-css\n * @generated\n */\n\n.sprite-tokens {\n background-image: url(/rsrc/image/sprite-tokens.png);\n background-repeat: no-repeat;\n}\n\n@media\nonly screen and (min-device-pixel-ratio: 1.5),\nonly screen and (-webkit-min-device-pixel-ratio: 1.5),\nonly screen and (min-resolution: 1.5dppx) {\n .sprite-tokens {\n background-image: url(/rsrc/image/sprite-tokens-X2.png);\n background-size: {X}px {Y}px;\n }\n}\n",
|
||||
"type": "standard"
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 638 B After Width: | Height: | Size: 574 B |
Before Width: | Height: | Size: 629 B After Width: | Height: | Size: 566 B |
Before Width: | Height: | Size: 632 B After Width: | Height: | Size: 551 B |
Before Width: | Height: | Size: 791 B After Width: | Height: | Size: 689 B |
Before Width: | Height: | Size: 742 B After Width: | Height: | Size: 327 B |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 411 B |
Before Width: | Height: | Size: 659 B After Width: | Height: | Size: 342 B |
Before Width: | Height: | Size: 719 B After Width: | Height: | Size: 353 B |
Before Width: | Height: | Size: 657 B After Width: | Height: | Size: 412 B |
Before Width: | Height: | Size: 657 B After Width: | Height: | Size: 423 B |
Before Width: | Height: | Size: 653 B After Width: | Height: | Size: 424 B |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 666 B |
Before Width: | Height: | Size: 683 B After Width: | Height: | Size: 534 B |
Before Width: | Height: | Size: 716 B After Width: | Height: | Size: 529 B |
Before Width: | Height: | Size: 692 B After Width: | Height: | Size: 433 B |
Before Width: | Height: | Size: 826 B After Width: | Height: | Size: 508 B |
Before Width: | Height: | Size: 753 B After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 597 B |
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 797 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 655 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 650 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 803 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 859 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 841 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.1 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 1,019 B |
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 794 B |
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 1.2 KiB |
|
@ -61,7 +61,7 @@ final class CeleritySpriteGenerator extends Phobject {
|
|||
'2x' => 2,
|
||||
);
|
||||
$template = id(new PhutilSprite())
|
||||
->setSourceSize(16, 16);
|
||||
->setSourceSize(18, 18);
|
||||
|
||||
$sprites = array();
|
||||
$prefix = 'tokens_';
|
||||
|
|
|
@ -8,8 +8,8 @@
|
|||
}
|
||||
|
||||
.phui-icon-view.sprite-tokens {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
|
|
@ -14,7 +14,7 @@ only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
|||
only screen and (min-resolution: 1.5dppx) {
|
||||
.sprite-tokens {
|
||||
background-image: url(/rsrc/image/sprite-tokens-X2.png);
|
||||
background-size: 68px 68px;
|
||||
background-size: 76px 76px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -24,61 +24,61 @@ only screen and (min-resolution: 1.5dppx) {
|
|||
}
|
||||
|
||||
.tokens-coin-2 {
|
||||
background-position: -17px 0px;
|
||||
background-position: -19px 0px;
|
||||
}
|
||||
|
||||
.tokens-coin-3 {
|
||||
background-position: -34px 0px;
|
||||
background-position: -38px 0px;
|
||||
}
|
||||
|
||||
.tokens-coin-4 {
|
||||
background-position: -51px 0px;
|
||||
background-position: -57px 0px;
|
||||
}
|
||||
|
||||
.tokens-heart-1 {
|
||||
background-position: 0px -17px;
|
||||
background-position: 0px -19px;
|
||||
}
|
||||
|
||||
.tokens-heart-2 {
|
||||
background-position: -17px -17px;
|
||||
background-position: -19px -19px;
|
||||
}
|
||||
|
||||
.tokens-like-1 {
|
||||
background-position: -34px -17px;
|
||||
background-position: -38px -19px;
|
||||
}
|
||||
|
||||
.tokens-like-2 {
|
||||
background-position: -51px -17px;
|
||||
background-position: -57px -19px;
|
||||
}
|
||||
|
||||
.tokens-medal-1 {
|
||||
background-position: 0px -34px;
|
||||
background-position: 0px -38px;
|
||||
}
|
||||
|
||||
.tokens-medal-2 {
|
||||
background-position: -17px -34px;
|
||||
background-position: -19px -38px;
|
||||
}
|
||||
|
||||
.tokens-medal-3 {
|
||||
background-position: -34px -34px;
|
||||
background-position: -38px -38px;
|
||||
}
|
||||
|
||||
.tokens-medal-4 {
|
||||
background-position: -51px -34px;
|
||||
background-position: -57px -38px;
|
||||
}
|
||||
|
||||
.tokens-misc-1 {
|
||||
background-position: 0px -51px;
|
||||
background-position: 0px -57px;
|
||||
}
|
||||
|
||||
.tokens-misc-2 {
|
||||
background-position: -17px -51px;
|
||||
background-position: -19px -57px;
|
||||
}
|
||||
|
||||
.tokens-misc-3 {
|
||||
background-position: -34px -51px;
|
||||
background-position: -38px -57px;
|
||||
}
|
||||
|
||||
.tokens-misc-4 {
|
||||
background-position: -51px -51px;
|
||||
background-position: -57px -57px;
|
||||
}
|
||||
|
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 7.1 KiB After Width: | Height: | Size: 5.9 KiB |