{"action":"created","comment":{"url":"https://api.github.com/repos/edx/edx-platform/pulls/comments/29821018","id":29821018,"diff_hunk":"@@ -0,0 +1,641 @@\n+// ------------------------------\n+// // Open edX Certificates: Components\n+\n+// About: styling for specific UI components ranging from global to modular.\n+\n+// #OVERRIDE - COPY\n+// #OVERRIDE - HEADINGS\n+// #OVERRIDE - BUTTONS\n+\n+// #DEPTH\n+// #MESSAGES\n+// #IMAGES\n+\n+// #HEADER APP\n+// #BANNER\n+// #INTRODUCTION\n+// #ACCOMPLISHMENT\n+// #RENDERING\n+// #ACCOMPLISHMENT RELATED\n+// #CERTIFICATE\n+// #ABOUT\n+\n+// ------------------------------\n+// #OVERRIDE - COPY\n+// ------------------------------\n+// for some reason in Sass compilation, function calls as variables aren't playing well :/\n+.copy {\n+    color: palette(grayscale, dark);\n+\n+    &.emphasized {\n+        color: palette(grayscale, x-dark);\n+        font-weight: font-weight(normal);\n+    }\n+\n+    &.de-emphasized {\n+        color: palette(grayscale, base);\n+        font-weight: font-weight(normal);\n+    }\n+}\n+\n+// ------------------------------\n+// #OVERRIDE - HEADINGS\n+// ------------------------------\n+// for some reason in Sass compilation, function calls as variables aren't playing well :/\n+.hd-1,\n+.hd-2,\n+.hd-3,\n+.hd-4,\n+.hd-5,\n+.hd-6 {\n+    font-weight: font-weight(normal);\n+    color: palette(grayscale, x-dark);\n+\n+    &.emphasized {\n+        font-weight: font-weight(semi-bold);\n+        color: palette(grayscale, x-dark);\n+    }\n+\n+    &.de-emphasized {\n+        color: palette(grayscale, base);\n+    }\n+}\n+\n+.hd-6,\n+.hd-7 {\n+    font-weight: font-weight(semi-bold);\n+\n+    &.emphasized {\n+        font-weight: font-weight(bold);\n+    }\n+}\n+\n+%hd-subsection {\n+    margin-bottom: spacing-vertical(small);\n+    border-bottom: rem(2) solid $cert-decorative-color-de-emphasized;\n+    padding-bottom: spacing-vertical(xx-small);\n+}\n+\n+// ------------------------------\n+// #OVERRIDE - BUTTONS\n+// ------------------------------\n+a.btn {\n+\n+    &:hover, &:active, &:focus {\n+        border-bottom-color: $transparent;\n+    }\n+}\n+\n+.btn-default {\n+    background: $transparent;\n+\n+    // STATE: hover and focus\n+    &:hover,\n+    &.is-hovered,\n+    &:focus,\n+    &.is-focused {\n+        background: palette(primary, base);\n+        color: palette(grayscale, white);\n+    }\n+}\n+\n+// ------------------------------\n+// #DEPTH\n+// ------------------------------\n+%depth-base-focus {\n+    background: palette(grayscale, white-t);\n+    padding: spacing-vertical(small) spacing-horizontal(base);\n+}\n+\n+%depth-well {\n+    box-shadow: 0 rem(1) rem(3) 0 palette(grayscale-cool, light) inset;\n+    padding: spacing-vertical(small) spacing-horizontal(base);\n+    background: palette(grayscale, x-light);\n+}\n+\n+%depth-card {\n+    box-shadow: 0 rem(1) rem(2) 0 palette(grayscale-cool, light);\n+    padding: spacing-vertical(small) spacing-horizontal(base);\n+    background: palette(grayscale, white-t);\n+}\n+\n+.depth-base-focus {\n+    @extend %depth-base-focus;\n+}\n+\n+.depth-well {\n+    @extend %depth-well;\n+}\n+\n+.depth-card {\n+    @extend %depth-card;\n+}\n+\n+\n+// ------------------------------\n+// #IMAGES\n+// ------------------------------\n+// circular cropped\n+%img-cropped {\n+\n+    .src {\n+        display: block;\n+        width: 100%;\n+        border-radius: 50%;\n+    }\n+}\n+\n+// ------------------------------\n+// #HEADER APP\n+// ------------------------------\n+.wrapper-header {\n+    @extend %divider-2;\n+    border-bottom-color: palette(grayscale, xx-trans);\n+    background: palette(grayscale, white-t);\n+}\n+\n+.header-app {\n+\n+    .logo {\n+        @extend %reset-link;\n+    }\n+}\n+\n+// ------------------------------\n+// #BANNER\n+// ------------------------------\n+.banner {\n+\n+    .message-copy {\n+        margin-bottom: 0;\n+    }\n+}\n+\n+// message to user-centric banner\n+.wrapper-banner-user {\n+    box-shadow: inset 0 rem(2) rem(2) 0 palette(grayscale, black-t);\n+    background: palette(grayscale-cool, x-dark);\n+}\n+\n+.banner-user {\n+\n+    .message-title {\n+        color: palette(grayscale, white-t);\n+        font-weight: font-weight(semi-bold);\n+    }\n+\n+    .message-copy {\n+        color: palette(grayscale, white);\n+    }\n+\n+    .message-actions .action {\n+        display: inline-block;\n+        vertical-align: middle;\n+        margin-right: spacing-horizontal(small);\n+        font-size: font-size(mid-large);\n+\n+        &:last-child {\n+            margin-right: 0;\n+        }\n+    }\n+}\n+\n+// ------------------------------\n+// #INTRODUCTION\n+// ------------------------------\n+.introduction {\n+    margin-bottom: spacing-vertical(base);\n+    text-align: center;\n+}\n+\n+// ------------------------------\n+// #ACCOMPLISHMENTS\n+// ------------------------------\n+// base accomplishment\n+.accomplishment {\n+\n+    .accomplishment-type-symbol {\n+        @extend %img-cropped;\n+    }\n+}\n+\n+// main accomplishment","path":"lms/static/certificates/sass/_components.scss","position":222,"original_position":222,"commit_id":"ac7016a3447fa23c6f9eddb9da3c810dc75c8317","original_commit_id":"ac7016a3447fa23c6f9eddb9da3c810dc75c8317","user":{"login":"talbs","id":163763,"avatar_url":"https://avatars.githubusercontent.com/u/163763?v=3","gravatar_id":"","url":"https://api.github.com/users/talbs","html_url":"https://github.com/talbs","followers_url":"https://api.github.com/users/talbs/followers","following_url":"https://api.github.com/users/talbs/following{/other_user}","gists_url":"https://api.github.com/users/talbs/gists{/gist_id}","starred_url":"https://api.github.com/users/talbs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/talbs/subscriptions","organizations_url":"https://api.github.com/users/talbs/orgs","repos_url":"https://api.github.com/users/talbs/repos","events_url":"https://api.github.com/users/talbs/events{/privacy}","received_events_url":"https://api.github.com/users/talbs/received_events","type":"User","site_admin":false},"body":"NOTE: considering a few layers of basic accomplishments with this set up - a main accomplishment (the focus of a view) vs. brief accomplishments (supplementally listed or listed in contexts of other application views - e.g. profile, progress, dashboard).","created_at":"2015-05-07T02:52:57Z","updated_at":"2015-05-07T02:52:57Z","html_url":"https://github.com/edx/edx-platform/pull/7877#discussion_r29821018","pull_request_url":"https://api.github.com/repos/edx/edx-platform/pulls/7877","_links":{"self":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/comments/29821018"},"html":{"href":"https://github.com/edx/edx-platform/pull/7877#discussion_r29821018"},"pull_request":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/7877"}}},"pull_request":{"url":"https://api.github.com/repos/edx/edx-platform/pulls/7877","id":34495142,"html_url":"https://github.com/edx/edx-platform/pull/7877","diff_url":"https://github.com/edx/edx-platform/pull/7877.diff","patch_url":"https://github.com/edx/edx-platform/pull/7877.patch","issue_url":"https://api.github.com/repos/edx/edx-platform/issues/7877","number":7877,"state":"open","locked":false,"title":"Web Certificates: Open edX Base & Distinguished Styling","user":{"login":"talbs","id":163763,"avatar_url":"https://avatars.githubusercontent.com/u/163763?v=3","gravatar_id":"","url":"https://api.github.com/users/talbs","html_url":"https://github.com/talbs","followers_url":"https://api.github.com/users/talbs/followers","following_url":"https://api.github.com/users/talbs/following{/other_user}","gists_url":"https://api.github.com/users/talbs/gists{/gist_id}","starred_url":"https://api.github.com/users/talbs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/talbs/subscriptions","organizations_url":"https://api.github.com/users/talbs/orgs","repos_url":"https://api.github.com/users/talbs/repos","events_url":"https://api.github.com/users/talbs/events{/privacy}","received_events_url":"https://api.github.com/users/talbs/received_events","type":"User","site_admin":false},"body":"This work provides initial static rendering/styling for Open edX web-based certificate views. \r\n\r\n### Currently Included\r\n\r\n* a manually copied version of UX Pattern Library assets (see ux.edx.org) at a global level\r\n* Specific vendor code/utilities for cert rendering - Susy for grids, Domine + Font Awesome typefaces\r\n* Responsive layout and visual styling for a base + distinguished view\r\n* assets (fonts, sample images, same copy) for same views\r\n\r\n- - -\r\n\r\n### UI TODOs still include:\r\n\r\n* i8tn\r\n* RTL full support + configuration\r\n* Browser rendering review\r\n\r\n- - -\r\n\r\n### Screenshots (as of 5/5/2015)\r\n\r\n**Base Certificate**\r\n![cert-full-base](https://cloud.githubusercontent.com/assets/163763/7507518/c15d8e20-f43e-11e4-982f-d395450068e6.png)\r\n\r\n**Distinguished Certificate**\r\n![cert-full-distinguished](https://cloud.githubusercontent.com/assets/163763/7507520/c4e5e556-f43e-11e4-9890-a69387d70a52.png)\r\n\r\n**Distinguished Certificate + Recipient is Logged in User**\r\n![cert-full-distinguished user-prompt](https://cloud.githubusercontent.com/assets/163763/7507523/c7bfa1e0-f43e-11e4-8fd4-f4a8e6877017.png)\r\n\r\n","created_at":"2015-04-30T19:57:52Z","updated_at":"2015-05-07T02:52:57Z","closed_at":null,"merged_at":null,"merge_commit_sha":"86dc45740ada1699dc68b85c1e56b0d543aa7aa4","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/edx/edx-platform/pulls/7877/commits","review_comments_url":"https://api.github.com/repos/edx/edx-platform/pulls/7877/comments","review_comment_url":"https://api.github.com/repos/edx/edx-platform/pulls/comments{/number}","comments_url":"https://api.github.com/repos/edx/edx-platform/issues/7877/comments","statuses_url":"https://api.github.com/repos/edx/edx-platform/statuses/ac7016a3447fa23c6f9eddb9da3c810dc75c8317","head":{"label":"edx:talbs/certs-web-ui","ref":"talbs/certs-web-ui","sha":"ac7016a3447fa23c6f9eddb9da3c810dc75c8317","user":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"repo":{"id":10391073,"name":"edx-platform","full_name":"edx/edx-platform","owner":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/edx/edx-platform","description":"Open edX, the edX platform that powers http://edx.org","fork":false,"url":"https://api.github.com/repos/edx/edx-platform","forks_url":"https://api.github.com/repos/edx/edx-platform/forks","keys_url":"https://api.github.com/repos/edx/edx-platform/keys{/key_id}","collaborators_url":"https://api.github.com/repos/edx/edx-platform/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/edx/edx-platform/teams","hooks_url":"https://api.github.com/repos/edx/edx-platform/hooks","issue_events_url":"https://api.github.com/repos/edx/edx-platform/issues/events{/number}","events_url":"https://api.github.com/repos/edx/edx-platform/events","assignees_url":"https://api.github.com/repos/edx/edx-platform/assignees{/user}","branches_url":"https://api.github.com/repos/edx/edx-platform/branches{/branch}","tags_url":"https://api.github.com/repos/edx/edx-platform/tags","blobs_url":"https://api.github.com/repos/edx/edx-platform/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/edx/edx-platform/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/edx/edx-platform/git/refs{/sha}","trees_url":"https://api.github.com/repos/edx/edx-platform/git/trees{/sha}","statuses_url":"https://api.github.com/repos/edx/edx-platform/statuses/{sha}","languages_url":"https://api.github.com/repos/edx/edx-platform/languages","stargazers_url":"https://api.github.com/repos/edx/edx-platform/stargazers","contributors_url":"https://api.github.com/repos/edx/edx-platform/contributors","subscribers_url":"https://api.github.com/repos/edx/edx-platform/subscribers","subscription_url":"https://api.github.com/repos/edx/edx-platform/subscription","commits_url":"https://api.github.com/repos/edx/edx-platform/commits{/sha}","git_commits_url":"https://api.github.com/repos/edx/edx-platform/git/commits{/sha}","comments_url":"https://api.github.com/repos/edx/edx-platform/comments{/number}","issue_comment_url":"https://api.github.com/repos/edx/edx-platform/issues/comments{/number}","contents_url":"https://api.github.com/repos/edx/edx-platform/contents/{+path}","compare_url":"https://api.github.com/repos/edx/edx-platform/compare/{base}...{head}","merges_url":"https://api.github.com/repos/edx/edx-platform/merges","archive_url":"https://api.github.com/repos/edx/edx-platform/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/edx/edx-platform/downloads","issues_url":"https://api.github.com/repos/edx/edx-platform/issues{/number}","pulls_url":"https://api.github.com/repos/edx/edx-platform/pulls{/number}","milestones_url":"https://api.github.com/repos/edx/edx-platform/milestones{/number}","notifications_url":"https://api.github.com/repos/edx/edx-platform/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/edx/edx-platform/labels{/name}","releases_url":"https://api.github.com/repos/edx/edx-platform/releases{/id}","created_at":"2013-05-30T20:20:38Z","updated_at":"2015-05-06T23:32:02Z","pushed_at":"2015-05-07T02:45:00Z","git_url":"git://github.com/edx/edx-platform.git","ssh_url":"git@github.com:edx/edx-platform.git","clone_url":"https://github.com/edx/edx-platform.git","svn_url":"https://github.com/edx/edx-platform","homepage":"http://openedx.org/","size":1919493,"stargazers_count":1907,"watchers_count":1907,"language":"Python","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1087,"mirror_url":null,"open_issues_count":168,"forks":1087,"open_issues":168,"watchers":1907,"default_branch":"master"}},"base":{"label":"edx:master","ref":"master","sha":"2817ce147340c2667c5ef2c4da0c07b8725ec434","user":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"repo":{"id":10391073,"name":"edx-platform","full_name":"edx/edx-platform","owner":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/edx/edx-platform","description":"Open edX, the edX platform that powers http://edx.org","fork":false,"url":"https://api.github.com/repos/edx/edx-platform","forks_url":"https://api.github.com/repos/edx/edx-platform/forks","keys_url":"https://api.github.com/repos/edx/edx-platform/keys{/key_id}","collaborators_url":"https://api.github.com/repos/edx/edx-platform/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/edx/edx-platform/teams","hooks_url":"https://api.github.com/repos/edx/edx-platform/hooks","issue_events_url":"https://api.github.com/repos/edx/edx-platform/issues/events{/number}","events_url":"https://api.github.com/repos/edx/edx-platform/events","assignees_url":"https://api.github.com/repos/edx/edx-platform/assignees{/user}","branches_url":"https://api.github.com/repos/edx/edx-platform/branches{/branch}","tags_url":"https://api.github.com/repos/edx/edx-platform/tags","blobs_url":"https://api.github.com/repos/edx/edx-platform/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/edx/edx-platform/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/edx/edx-platform/git/refs{/sha}","trees_url":"https://api.github.com/repos/edx/edx-platform/git/trees{/sha}","statuses_url":"https://api.github.com/repos/edx/edx-platform/statuses/{sha}","languages_url":"https://api.github.com/repos/edx/edx-platform/languages","stargazers_url":"https://api.github.com/repos/edx/edx-platform/stargazers","contributors_url":"https://api.github.com/repos/edx/edx-platform/contributors","subscribers_url":"https://api.github.com/repos/edx/edx-platform/subscribers","subscription_url":"https://api.github.com/repos/edx/edx-platform/subscription","commits_url":"https://api.github.com/repos/edx/edx-platform/commits{/sha}","git_commits_url":"https://api.github.com/repos/edx/edx-platform/git/commits{/sha}","comments_url":"https://api.github.com/repos/edx/edx-platform/comments{/number}","issue_comment_url":"https://api.github.com/repos/edx/edx-platform/issues/comments{/number}","contents_url":"https://api.github.com/repos/edx/edx-platform/contents/{+path}","compare_url":"https://api.github.com/repos/edx/edx-platform/compare/{base}...{head}","merges_url":"https://api.github.com/repos/edx/edx-platform/merges","archive_url":"https://api.github.com/repos/edx/edx-platform/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/edx/edx-platform/downloads","issues_url":"https://api.github.com/repos/edx/edx-platform/issues{/number}","pulls_url":"https://api.github.com/repos/edx/edx-platform/pulls{/number}","milestones_url":"https://api.github.com/repos/edx/edx-platform/milestones{/number}","notifications_url":"https://api.github.com/repos/edx/edx-platform/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/edx/edx-platform/labels{/name}","releases_url":"https://api.github.com/repos/edx/edx-platform/releases{/id}","created_at":"2013-05-30T20:20:38Z","updated_at":"2015-05-06T23:32:02Z","pushed_at":"2015-05-07T02:45:00Z","git_url":"git://github.com/edx/edx-platform.git","ssh_url":"git@github.com:edx/edx-platform.git","clone_url":"https://github.com/edx/edx-platform.git","svn_url":"https://github.com/edx/edx-platform","homepage":"http://openedx.org/","size":1919493,"stargazers_count":1907,"watchers_count":1907,"language":"Python","has_issues":false,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":1087,"mirror_url":null,"open_issues_count":168,"forks":1087,"open_issues":168,"watchers":1907,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/7877"},"html":{"href":"https://github.com/edx/edx-platform/pull/7877"},"issue":{"href":"https://api.github.com/repos/edx/edx-platform/issues/7877"},"comments":{"href":"https://api.github.com/repos/edx/edx-platform/issues/7877/comments"},"review_comments":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/7877/comments"},"review_comment":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/edx/edx-platform/pulls/7877/commits"},"statuses":{"href":"https://api.github.com/repos/edx/edx-platform/statuses/ac7016a3447fa23c6f9eddb9da3c810dc75c8317"}}}}