From 67c91f8ab0b42122be7ce3803db689ce566249a0 Mon Sep 17 00:00:00 2001 From: Gavin Lazar Suntop Date: Mon, 5 Apr 2021 22:49:59 +0000 Subject: [PATCH] Bug 1699511 - Adding SASS to STP r=thecount Differential Revision: https://phabricator.services.mozilla.com/D110712 --- .../pocket/content/panels/css/main.compiled.css | 1 + .../pocket/content/panels/css/main.compiled.css.map | 1 + .../components/pocket/content/panels/css/main.scss | 4 ++++ .../panels/css/{normalize.css => normalize.scss} | 0 .../content/panels/css/{saved.css => saved.scss} | 0 .../css/{sendtomobile.css => sendtomobile.scss} | 0 .../content/panels/css/{signup.css => signup.scss} | 0 browser/components/pocket/content/panels/saved.html | 4 +--- browser/components/pocket/content/panels/signup.html | 3 +-- browser/components/pocket/package-lock.json | 9 +++++++++ browser/components/pocket/package.json | 11 +++++++---- 11 files changed, 24 insertions(+), 9 deletions(-) create mode 100644 browser/components/pocket/content/panels/css/main.compiled.css create mode 100644 browser/components/pocket/content/panels/css/main.compiled.css.map create mode 100644 browser/components/pocket/content/panels/css/main.scss rename browser/components/pocket/content/panels/css/{normalize.css => normalize.scss} (100%) rename browser/components/pocket/content/panels/css/{saved.css => saved.scss} (100%) rename browser/components/pocket/content/panels/css/{sendtomobile.css => sendtomobile.scss} (100%) rename browser/components/pocket/content/panels/css/{signup.css => signup.scss} (100%) diff --git a/browser/components/pocket/content/panels/css/main.compiled.css b/browser/components/pocket/content/panels/css/main.compiled.css new file mode 100644 index 000000000000..dda41e570703 --- /dev/null +++ b/browser/components/pocket/content/panels/css/main.compiled.css @@ -0,0 +1 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{box-sizing:content-box}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{outline:none;padding:0}a{color:#0095dd;margin:0;outline:none;padding:0;text-decoration:none}a:hover,a:active,a:focus{color:#008acb;text-decoration:underline}a:active{color:#006b9d}.pkt_ext_containersaved{background-color:#fbfbfb;border-radius:4px;display:block;font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0;position:relative;text-align:center;overflow:hidden}.pkt_ext_cf:after{content:" ";display:table;clear:both}.pkt_ext_containersaved .pkt_ext_tag_detail,.pkt_ext_containersaved .pkt_ext_recenttag_detail,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail{margin:0 auto;padding:.25em 1em;position:relative;width:auto}@keyframes pkt_ext_spin{to{transform:rotate(1turn)}}.pkt_ext_containersaved{font-size:16px}.pkt_ext_containersaved .pkt_ext_loadingspinner{position:relative;display:inline-block;height:2.5em;inset-inline-start:50%;margin-block:2em 0;margin-inline:-1.25em 0;font-size:10px;text-indent:999em;position:absolute;top:4em;overflow:hidden;width:2.5em;animation:pkt_ext_spin .7s infinite steps(8)}.pkt_ext_containersaved .pkt_ext_loadingspinner:before,.pkt_ext_containersaved .pkt_ext_loadingspinner:after,.pkt_ext_containersaved .pkt_ext_loadingspinner>div:before,.pkt_ext_containersaved .pkt_ext_loadingspinner>div:after{content:"";position:absolute;top:0;inset-inline-start:1.125em;width:.25em;height:.75em;border-radius:.2em;background:#eee;box-shadow:0 1.75em #eee;transform-origin:50% 1.25em}.pkt_ext_containersaved .pkt_ext_loadingspinner:before{background:#555}.pkt_ext_containersaved .pkt_ext_loadingspinner:after{transform:rotate(-45deg);background:#777}.pkt_ext_containersaved .pkt_ext_loadingspinner>div:before{transform:rotate(-90deg);background:#999}.pkt_ext_containersaved .pkt_ext_loadingspinner>div:after{transform:rotate(-135deg);background:#bbb}.pkt_ext_containersaved .pkt_ext_initload{inset-inline-start:0;position:absolute;top:0;width:100%}.pkt_ext_containersaved .pkt_ext_detail{opacity:0;position:relative;padding-bottom:1.25em}.pkt_ext_container_detailactive .pkt_ext_initload{opacity:0}.pkt_ext_container_detailactive .pkt_ext_initload .pkt_ext_loadingspinner,.pkt_ext_container_finalstate .pkt_ext_initload .pkt_ext_loadingspinner{animation:none}.pkt_ext_container_detailactive .pkt_ext_detail{max-height:20em;opacity:1}.pkt_ext_container_finalstate .pkt_ext_edit_msg,.pkt_ext_container_finalstate .pkt_ext_tag_detail,.pkt_ext_container_finalstate .pkt_ext_suggestedtag_detail,.pkt_ext_container_finalstate .pkt_ext_item_actions{opacity:0;transition:opacity .2s ease-out}.pkt_ext_container_finalerrorstate .pkt_ext_edit_msg,.pkt_ext_container_finalerrorstate .pkt_ext_tag_detail,.pkt_ext_container_finalerrorstate .pkt_ext_suggestedtag_detail,.pkt_ext_container_finalerrorstate .pkt_ext_item_actions{display:none;transition:none}.pkt_ext_containersaved h2{background:transparent;border:none;color:#333;display:block;float:none;font-size:18px;font-weight:normal;letter-spacing:normal;line-height:1;margin:19px 0 4px;padding:0;position:relative;text-align:start;text-transform:none}@keyframes fade_in_out{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.pkt_ext_container_finalstate h2{animation:fade_in_out .4s ease-out}.pkt_ext_container_finalerrorstate h2{animation:none;color:#d74345}.pkt_ext_containersaved .pkt_ext_errordetail{display:none;font-size:12px;font-weight:normal;inset-inline-start:6.4em;max-width:21em;opacity:0;position:absolute;top:2.7em;text-align:start;visibility:hidden}.pkt_ext_container_finalerrorstate{max-height:133px}.pkt_ext_container_finalerrorstate .pkt_ext_errordetail{display:block;opacity:1;visibility:visible}.pkt_ext_containersaved .pkt_ext_logo{background:url(../img/pocketlogosolo@1x.png) center center no-repeat;display:block;float:inline-start;height:40px;padding:1.25em 1em;position:relative;width:44px}@media(min-resolution: 1.1dppx){.pkt_ext_containersaved .pkt_ext_logo{background-image:url(../img/pocketlogosolo@2x.png);background-size:44px 40px}}.pkt_ext_container_finalerrorstate .pkt_ext_logo{background-image:url(../img/pocketerror@1x.png);height:44px;width:44px}@media(min-resolution: 1.1dppx){.pkt_ext_container_finalerrorstate .pkt_ext_logo{background-image:url(../img/pocketerror@2x.png);background-size:44px 44px}}.pkt_ext_containersaved .pkt_ext_topdetail{float:inline-start}.pkt_ext_containersaved .pkt_ext_edit_msg{box-sizing:border-box;display:none;font-size:.75em;inset-inline-start:auto;padding:0 1.4em;position:absolute;text-align:start;top:8.7em;width:100%}.pkt_ext_containersaved .pkt_ext_edit_msg_error{color:#d74345}.pkt_ext_containersaved .pkt_ext_edit_msg_active{display:block}.pkt_ext_containersaved .pkt_ext_item_actions{background:transparent;float:none;height:auto;margin-bottom:1em;margin-top:0;width:auto}.pkt_ext_containersaved .pkt_ext_item_actions_disabled{opacity:.5}.pkt_ext_container_finalstate .pkt_ext_item_actions_disabled{opacity:0}.pkt_ext_containersaved .pkt_ext_item_actions ul{background:none;display:block;float:none;font-size:16px;height:auto;margin:0;padding:0;width:100%}.pkt_ext_containersaved .pkt_ext_item_actions li{box-sizing:border-box;background:none;border:0;float:inline-start;list-style:none;line-height:.8;height:auto;padding-inline-end:.4em;width:auto}.pkt_ext_containersaved .pkt_ext_item_actions li:before{content:none}.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_actions_separator{border-inline-start:2px solid #777;height:.75em;margin-top:.3em;padding:0;width:10px}.pkt_ext_containersaved .pkt_ext_item_actions a{background:transparent;color:#0095dd;display:block;font-feature-settings:normal;font-size:12px;font-weight:normal;letter-spacing:normal;line-height:inherit;height:auto;margin:0;padding:.5em;float:inline-start;text-align:start;text-decoration:none;text-transform:none}.pkt_ext_containersaved .pkt_ext_item_actions a:hover,.pkt_ext_containersaved .pkt_ext_item_actions a:focus{color:#008acb;text-decoration:underline}.pkt_ext_containersaved .pkt_ext_item_actions a:before,.pkt_ext_containersaved .pkt_ext_item_actions a:after{background:transparent;display:none}.pkt_ext_containersaved .pkt_ext_item_actions_disabled a{cursor:default}.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_openpocket{float:inline-end;padding-inline-end:.7em;text-align:end}.pkt_ext_containersaved .pkt_ext_item_actions .pkt_ext_removeitem{padding-inline-start:0}.pkt_ext_containersaved .pkt_ext_close{background:url(../img/tag_close@1x.png) center center no-repeat;color:#333;display:block;font-size:.8em;height:10px;inset-inline-end:.5em;overflow:hidden;position:absolute;text-align:center;text-indent:-9999px;top:-1em;width:10px}@media(min-resolution: 1.1dppx){.pkt_ext_containersaved .pkt_ext_close{background-image:url(../img/tag_close@2x.png);background-size:8px 8px}}.pkt_ext_containersaved .pkt_ext_close:hover{color:#000;text-decoration:none}.pkt_ext_containersaved .pkt_ext_tag_detail{border:1px solid #c1c1c1;border-radius:2px;font-size:16px;clear:both;margin:0 1em;padding:0;display:flex}.pkt_ext_containersaved .pkt_ext_tag_error{border:none}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper{box-sizing:border-box;flex:1;background-color:#fff;border-inline-end:1px solid #c3c3c3;color:#333;display:block;float:none;font-size:.875em;list-style:none;margin:0;overflow:hidden;padding:.25em .5em;width:14em;padding-inline:.5em}.pkt_ext_containersaved .pkt_ext_tag_error .pkt_ext_tag_input_wrapper{border:1px solid #d74345}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper .token-input-list{display:block;height:1.7em;overflow:hidden;position:relative;width:60em}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper .token-input-list,.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li{font-size:14px}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li{height:auto;width:auto}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper li:before{content:none}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input{border:0;box-shadow:none;background-color:#fff;color:#333;font-size:14px;float:inline-start;line-height:normal;height:auto;min-height:0;min-width:5em;padding:3px 2px 1px;text-transform:none}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper input::placeholder{color:#a9a9a9;letter-spacing:normal;text-transform:none}.pkt_ext_containersaved .input_disabled{cursor:default;opacity:.5}.pkt_ext_containersaved .pkt_ext_btn{box-sizing:border-box;color:#333;float:none;font-size:.875em;font-size:14px;letter-spacing:normal;height:2.2em;min-width:4em;padding:.5em 0;text-decoration:none;text-transform:none;width:auto}.pkt_ext_containersaved .pkt_ext_btn:hover{background-color:#ebebeb}.pkt_ext_containersaved .pkt_ext_btn:active{background-color:#dadada}.pkt_ext_containersaved .pkt_ext_btn_disabled,.pkt_ext_containersaved .pkt_ext_btn_disabled:hover,.pkt_ext_containersaved .pkt_ext_btn_disabled:active{background-color:transparent;cursor:default;opacity:.4}.pkt_ext_containersaved .pkt_ext_tag_error .pkt_ext_btn{border:1px solid #c3c3c3;border-block-width:1px;border-inline-width:0 1px;height:2.35em}.pkt_ext_containersaved .autocomplete-suggestions{margin-top:2.2em}.pkt_ext_containersaved .pkt_ext_suggestedtag_detail,.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown{box-sizing:border-box;clear:both;inset-inline-start:0;opacity:0;min-height:110px;visibility:hidden;width:100%}.pkt_ext_container_detailactive .pkt_ext_suggestedtag_detail,.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown{opacity:1;visibility:visible}.pkt_ext_containersaved .pkt_ext_suggestedtag_detailshown{padding:4px 0}.pkt_ext_container_finalstate .pkt_ext_suggestedtag_detail{opacity:0;visibility:hidden}.pkt_ext_containersaved .pkt_ext_recenttag_detail h4,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail h4{color:#333;font-size:13px;font-weight:normal;font-style:normal;letter-spacing:normal;margin:.5em 0;text-align:start;text-transform:none}.pkt_ext_containersaved .pkt_ext_recenttag_detail .pkt_ext_loadingspinner,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .pkt_ext_loadingspinner{display:none;position:absolute}.pkt_ext_containersaved .pkt_ext_recenttag_detail_loading .pkt_ext_loadingspinner,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_loading .pkt_ext_loadingspinner{display:block;font-size:6px;inset-inline-start:48%}.pkt_ext_containersaved .pkt_ext_recenttag_detail ul,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail ul{display:block;margin:0;height:2em;overflow:hidden;padding:2px 0 0}.pkt_ext_containersaved .pkt_ext_suggestedtag_detail ul{height:auto;margin:0;max-height:4em;padding-top:6px}.pkt_ext_containersaved .pkt_ext_recenttag_detail li,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail li{background:none;float:inline-start;height:inherit;line-height:1.5;list-style:none;margin-bottom:.5em;width:inherit}.pkt_ext_containersaved .pkt_ext_recenttag_detail li:before,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail li:before{content:none}.pkt_ext_containersaved .pkt_ext_recenttag_detail .recenttag_msg,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .suggestedtag_msg{color:#333;font-size:.8125em;line-height:1.2;inset-inline-start:auto;position:absolute;text-align:start;top:2em}.pkt_ext_containersaved .pkt_ext_suggestedtag_detail .suggestedtag_msg{margin-inline-end:1.3em}.pkt_ext_containersaved .token_tag{border-radius:4px;background:#f7f7f7;border:1px solid #c3c3c3;color:#333;font-size:.875em;font-size:14px;font-weight:normal;letter-spacing:normal;margin-inline-end:.5em;padding:.125em .625em;text-decoration:none;text-transform:none}.pkt_ext_containersaved .token_tag:hover{background-color:#008acb;border-color:#008acb;color:#fff;text-decoration:none}.pkt_ext_containersaved .token_tag:before,.pkt_ext_containersaved .token_tag:after{content:none}.pkt_ext_containersaved .token_tag:hover span{background-image:url(../img/tag_closeactive@1x.png)}@media(min-resolution: 1.1dppx){.pkt_ext_containersaved .token_tag:hover span{background-image:url(../img/tag_closeactive@2x.png);background-size:8px 8px}}.pkt_ext_containersaved .pkt_ext_recenttag_detail_disabled .token_tag,.pkt_ext_containersaved .pkt_ext_recenttag_detail_disabled .token_tag:hover,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_disabled .token_tag,.pkt_ext_containersaved .pkt_ext_suggestedtag_detail_disabled .token_tag:hover{background-color:#f7f7f7;cursor:default;opacity:.5}.pkt_ext_containersaved .token_tag_inactive{display:none}.pkt_ext_detail .pkt_ext_premupsell{background-color:#50bbb6;display:block;padding:1.5em 0;text-align:center}.pkt_ext_premupsell h4{color:#fff;font-size:1em;margin-bottom:1em}.pkt_ext_premupsell a{color:#28605d;border-bottom:1px solid #47a7a3;font-weight:normal}.pkt_ext_premupsell a:hover{color:#14302f}.token-input-dropdown-tag{border-radius:4px;box-sizing:border-box;background:#fff;border:1px solid #cdcdcd;margin-top:.5em;inset-inline-start:0 !important;overflow-y:auto;top:1.9em !important;z-index:9000}.token-input-dropdown-tag ul{height:inherit;max-height:115px;margin:0;overflow:auto;padding:.5em 0}.token-input-dropdown-tag ul li{background:none;color:#333;font-weight:normal;font-size:1em;float:none;height:inherit;letter-spacing:normal;list-style:none;padding:.75em;text-align:start;text-transform:none;width:inherit}.token-input-dropdown-tag ul li:before{content:none}.token-input-dropdown ul li.token-input-selected-dropdown-item{background-color:#008acb;color:#fff}.token-input-list{list-style:none;margin:0;padding:0}.token-input-list li{text-align:start;list-style:none}.token-input-list li input{border:0;background-color:#fff}.pkt_ext_containersaved .token-input-token{background:none;border-radius:4px;border:1px solid #c3c3c3;overflow:hidden;margin:0;padding:0 8px;background-color:#f7f7f7;color:#000;font-weight:normal;cursor:default;line-height:1.5;display:block;width:auto;margin:0 .2em;float:inline-start}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled{position:relative}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled input{opacity:.5}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-list{opacity:.5}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .pkt_ext_tag_input_blocker{height:100%;inset-inline-start:0;position:absolute;top:0;width:100%;z-index:5}.pkt_ext_containersaved .token-input-token p{display:inline-block;font-size:14px;font-weight:normal;line-height:inherit;letter-spacing:normal;padding:0;margin:0;text-transform:none;vertical-align:top;width:auto;unicode-bidi:plaintext}.pkt_ext_containersaved .token-input-token p:before{content:none;width:0}.pkt_ext_containersaved .token-input-token span{background:url(../img/tag_close@1x.png) center center no-repeat;cursor:pointer;display:inline-block;height:8px;margin-block:0;margin-inline:8px 0;overflow:hidden;width:8px;text-indent:-99px}@media(min-resolution: 1.1dppx){.pkt_ext_containersaved .token-input-token span{background-image:url(../img/tag_close@2x.png);background-size:8px 8px}}.pkt_ext_containersaved .token-input-selected-token{background-color:#008acb;border-color:#008acb;color:#fff}.pkt_ext_containersaved .token-input-selected-token span{background-image:url(../img/tag_closeactive@1x.png)}@media(min-resolution: 1.1dppx){.pkt_ext_containersaved .token-input-selected-token span{background-image:url(../img/tag_closeactive@2x.png);background-size:8px 8px}}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-selected-token{background-color:#f7f7f7}.pkt_ext_containersaved .pkt_ext_tag_input_wrapper_disabled .token-input-selected-token span{color:#bbb}.pkt_ext_saved_es .pkt_ext_btn{min-width:5em}.pkt_ext_saved_de .pkt_ext_btn,.pkt_ext_saved_ru .pkt_ext_btn{min-width:6em}button{padding:0;margin:0;background:none;border:0;outline:none;color:inherit;font:inherit;overflow:visible}.pkt_ext_button{padding:3px;background-color:#ef4056;color:#fff;text-align:center;cursor:pointer;height:32px;box-sizing:border-box;width:320px;margin:0 auto;border-radius:2px;font-size:14px}.pkt_ext_button:hover,.pkt_ext_button:active{background-color:#d5374b}.pkt_ext_blue_button{background-color:#0060df;color:#fff}.pkt_ext_blue_button:hover{background-color:#003eaa}.pkt_ext_blue_button:active{background-color:#002275}.pkt_ext_ffx_icon:after{position:absolute;height:22px;width:22px;top:-3px;inset-inline-start:-28px;content:"";background-image:url(../img/signup_firefoxlogo@2x.png);background-size:22px 22px;background-repeat:no-repeat}.pkt_shaded_background{background-color:#ebebeb;border-top:1px solid #c3c3c3;padding:0 15px}.pkt_ext_saved_tmplogin{height:146px}.pkt_ext_indent_bordered{margin:15px 0;padding:0 7px;border-inline-start:4px solid rgba(68,68,68,.15);text-align:start;font-size:13px;color:#313131}.pkt_ext_indent_bordered>p{margin-bottom:3px}.pkt_ext_subshell{display:none;border-top:1px solid #c1c1c1;background:#ebebeb;width:100%}.pkt_ext_subshell hr{display:none}.recs_enabled .pkt_ext_subshell hr{display:block;border:0;border-top:1px solid #d7d7db;margin:0}.pkt_ext_item_recs{text-align:start;margin:0 auto;padding:.25em 1em}.pkt_ext_item_recs header{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.pkt_ext_item_recs header h4{color:#333;font-size:13px;font-weight:normal;font-style:normal;letter-spacing:normal;margin:.5em 0;text-align:start;text-transform:none}.pkt_ext_item_recs header a{font-style:normal;font-weight:500;font-size:12px;line-height:20px;color:#0095dd}.pkt_ext_containersaved .pkt_ext_item_recs ol{padding:0;margin:0 0 10px;list-style:none}.pkt_ext_containersaved .pkt_ext_item_recs li{float:none;display:flex;font-style:normal;font-weight:normal;font-size:15px;line-height:18px;margin:0 -1em}.pkt_ext_containersaved .pkt_ext_item_recs li a{padding-block:8px;padding-inline:1em 40px;background:url(../img/open.svg) top 8px right 14px no-repeat;flex-grow:1}.pkt_ext_containersaved .pkt_ext_item_recs li a:dir(rtl){background-position-x:left 14px}.pkt_ext_containersaved .pkt_ext_item_recs li:hover,.pkt_ext_containersaved .pkt_ext_item_recs li a:focus{background-color:rgba(12,12,13,.1)}.pkt_ext_containersaved .pkt_ext_item_recs li:active{background-color:rgba(12,12,13,.2)}.pkt_ext_containersaved .pkt_ext_item_recs .pkt_ext_item_recs_link:hover{text-decoration:none}.pkt_ext_containersaved .pkt_ext_item_recs .rec-thumb{width:40px;height:40px;float:inline-start;margin:0;margin-inline-end:12px;border-radius:2px}.pkt_ext_containersaved .pkt_ext_item_recs .rec-thumb:-moz-broken{display:none}.pkt_ext_containersaved .pkt_ext_item_recs p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-word;font-style:normal;font-weight:normal;margin:0}.pkt_ext_containersaved .pkt_ext_item_recs .rec-title{-webkit-line-clamp:2;font-size:15px;line-height:18px;color:#0c0c0d}.pkt_ext_containersaved .pkt_ext_item_recs .rec-source{-webkit-line-clamp:1;font-size:13px;line-height:16px;color:#737373}.pkt_ext_containersignup{background-color:#ebebeb;color:#333;display:block;font-size:16px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:0;position:relative;text-align:center;overflow:hidden}.pkt_ext_containersignup_inactive{animation:pkt_ext_hide .3s ease-out;opacity:0;visibility:hidden}.pkt_ext_cf:after{content:" ";display:table;clear:both}@keyframes pkt_ext_hide{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}.pkt_ext_containersignup p{font-size:14px;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.3;margin:0 auto 1.5em;max-width:260px}.pkt_ext_containersignup a{color:#4c8fd0}.pkt_ext_containersignup a:hover{color:#3076b9}.pkt_ext_containersignup .pkt_ext_introdetail{background-color:#fbfbfb;border:1px solid #c1c1c1;border-width:0 0 1px}.pkt_ext_containersignup .pkt_ext_logo{background:url(../img/pocketlogo@1x.png) center bottom no-repeat;display:block;height:32px;margin:0 auto 15px;padding-top:25px;position:relative;text-indent:-9999px;width:123px}@media(min-resolution: 1.1dppx){.pkt_ext_containersignup .pkt_ext_logo{background-image:url(../img/pocketlogo@2x.png);background-size:123px 32px}}.pkt_ext_containersignup .pkt_ext_introimg{background:url(../img/pocketsignup_hero@1x.png) center center no-repeat;display:block;height:125px;margin:0 auto;position:relative;text-indent:-9999px;width:255px}@media(min-resolution: 1.1dppx){.pkt_ext_containersignup .pkt_ext_introimg{background-image:url(../img/pocketsignup_hero@2x.png);background-size:255px 125px}}.pkt_ext_containersignup .pkt_ext_tagline{margin-bottom:.5em}.pkt_ext_containersignup .pkt_ext_learnmore{font-size:12px}.pkt_ext_containersignup .pkt_ext_learnmoreinactive{visibility:hidden}.pkt_ext_signupdetail,.los_variant_bottom{overflow:hidden}.pkt_ext_signupdetail h4{font-size:12px;font-weight:normal}.pkt_ext_signupdetail .btn-container{position:relative;margin-bottom:.8em}.pkt_ext_containersignup .ff_signuphelp{background:url(../img/signup_help@1x.png) center center no-repeat;display:block;height:18px;margin-top:-9px;inset-inline-end:-15px;position:absolute;text-indent:-9999px;width:18px;top:50%}@media(min-resolution: 1.1dppx){.pkt_ext_containersignup .ff_signuphelp{background-image:url(../img/signup_help@2x.png);background-size:18px 18px}}.pkt_ext_containersignup .alreadyhave{font-size:12px;max-width:320px;margin-top:15px}.pkt_ext_containersignup .tryitnowspace{margin-top:22px}.pkt_ext_signupdetail p.pkt_ext_tos{color:#777;font-size:10px;line-height:1.5;margin-top:17px;padding-top:0;max-width:190px}.pkt_ext_introstory{align-items:center;display:flex;padding:20px}.pkt_ext_introstory:after{clear:both;content:"";display:table}.pkt_ext_introstory p{margin-bottom:0;text-align:start}.pkt_ext_introstoryone{padding-block:20px 15px;padding-inline:20px 18px}.pkt_ext_introstorytwo{padding-block:3px 0;padding-inline:20px 0}.pkt_ext_introstorytwo .pkt_ext_tagline{margin-bottom:1.5em}.pkt_ext_introstory_text{flex:1}.pkt_ext_introstoryone_img,.pkt_ext_introstorytwo_img{display:block;overflow:hidden;position:relative;text-indent:-999px}.pkt_ext_introstoryone_img{background:url(../img/pocketsignup_button@1x.png) center right no-repeat;height:82px;padding-block:0;padding-inline:.7em 0;width:82px}.pkt_ext_introstoryone_img:dir(rtl){background-position-x:left}@media(min-resolution: 1.1dppx){.pkt_ext_introstoryone_img{background-image:url(../img/pocketsignup_button@2x.png);background-size:82px 82px}}.pkt_ext_introstorytwo_img{background:url(../img/pocketsignup_devices@1x.png) bottom right no-repeat;height:110px;padding-block:1em 0;padding-inline:.7em 0;width:124px}.pkt_ext_introstorytwo_img:dir(rtl){background-position-x:left}@media(min-resolution: 1.1dppx){.pkt_ext_introstorytwo_img{background-image:url(../img/pocketsignup_devices@2x.png);background-size:124px 110px}}.pkt_ext_introstorydivider{border-top:1px solid #c1c1c1;height:1px;margin:0 auto;width:125px}.pkt_ext_containersignup .btn{background-color:#0096dd;border:1px solid #0095dd;border-radius:2px;color:#fff;display:inline-block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:normal;line-height:1;margin:0;padding:11px 45px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 rgba(142,4,17,.5);transition:background-color .1s linear;width:auto}.pkt_ext_containersignup .btn-secondary{background-color:#fbfbfb;border-color:#c1c1c1;color:#444;text-shadow:0 1px 0 rgba(255,255,255,.5)}.pkt_ext_containersignup .btn-small{padding:6px 20px}.pkt_ext_containersignup .btn-mini{font-size:14px;padding:5px 15px 4px}.pkt_ext_containersignup .btn:hover{background-color:#008acb;color:#fff;text-decoration:none}.pkt_ext_containersignup .btn-secondary:hover,.pkt_ext_containersignup .btn-important:hover{background-color:#f6f6f6;color:#222}.pkt_ext_containersignup .btn-disabled{background-image:none;color:#ccc;color:rgba(255,255,255,.6);cursor:default;opacity:.9}.pkt_ext_containersignup .signup-btn-firefox,.pkt_ext_containersignup .signup-btn-tryitnow,.pkt_ext_containersignup .signup-btn-email,.pkt_ext_containersignup .signupinterim-btn-login,.pkt_ext_containersignup .signupinterim-btn-signup,.pkt_ext_containersignup .forgot-btn-submit,.pkt_ext_containersignup .forgotreset-btn-change{min-width:12.125em;padding:.8em 1.1875em;box-sizing:content-box}.pkt_ext_containersignup .signup-btn-email{position:relative;z-index:10}.pkt_ext_containersignup .signup-btn-tryitnow,.pkt_ext_containersignup .signup-btn-firefox{min-width:14.5em;position:relative;padding:0}.pkt_ext_containersignup .signup-btn-tryitnow{margin-top:25px}.pkt_ext_containersignup .signup-btn-firefox .logo{background:url(../img/signup_firefoxlogo@1x.png) center center no-repeat;height:2.6em;inset-inline-start:10px;margin:0;padding:0;width:22px;position:absolute}@media(min-resolution: 1.1dppx){.pkt_ext_containersignup .signup-btn-firefox .logo{background-image:url(../img/signup_firefoxlogo@2x.png);background-size:22px 22px}}.pkt_ext_containersignup .forgotreset-btn-change{margin-bottom:2em}.pkt_ext_containersignup .signup-btn-tryitnow .text,.pkt_ext_containersignup .signup-btn-firefox .text{display:inline-block;padding:.8em 1.625em;position:relative;text-shadow:none;white-space:nowrap}.pkt_ext_containersignup .signup-btn-tryitnow .text,.pkt_ext_containersignup .signup-btn-firefox .text{color:#fff}.pkt_ext_containersignup .btn-disabled .text{color:#ccc;color:rgba(255,255,255,.6)}.pkt_ext_signup_de .pkt_ext_introstoryone_img{margin-inline-end:-5px;padding-inline-start:0}.pkt_ext_signup_de .pkt_ext_introstorytwo .pkt_ext_tagline,.pkt_ext_signup_es .pkt_ext_introstorytwo .pkt_ext_tagline,.pkt_ext_signup_ja .pkt_ext_introstorytwo .pkt_ext_tagline,.pkt_ext_signup_ru .pkt_ext_introstorytwo .pkt_ext_tagline{margin-bottom:.5em}.pkt_ext_signup_de .signup-btn-firefox .text,.pkt_ext_signup_de .signup-btn-tryitnow .text,.pkt_ext_signup_de .signup-btn-email,.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-firefox .text,.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-email,.pkt_ext_signup_ja .signup-btn-firefox .text,.pkt_ext_signup_ja .signup-btn-tryitnow .text,.pkt_ext_signup_ja .signup-btn-email,.pkt_ext_signup_ru .signup-btn-firefox .text,.pkt_ext_signup_ru .signup-btn-tryitnow .text,.pkt_ext_signup_ru .signup-btn-email{font-size:15px}.pkt_ext_signup_ja .signup-btn-firefox .text,.pkt_ext_signup_ja .signup-btn-tryitnow .text,.pkt_ext_signup_ru .signup-btn-firefox .text,.pkt_ext_signup_ru .signup-btn-tryitnow .text{inset-inline-start:15px}.pkt_ext_signup_de .signup-btn-firefox .logo,.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-firefox .logo,.pkt_ext_signup_ja .signup-btn-firefox .logo,.pkt_ext_signup_ru .signup-btn-firefox .logo{height:2.4em}@media(min-resolution: 1.1dppx){.pkt_ext_signup_de .signup-btn-firefox .logo,.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-firefox .logo,.pkt_ext_signup_ja .signup-btn-firefox .logo,.pkt_ext_signup_ru .signup-btn-firefox .logo{height:2.5em}}.pkt_ext_signup_de .signup-btn-email,.pkt_ext_signup_es .pkt_ext_signupdetail_hero .signup-btn-email,.pkt_ext_signup_ja .signup-btn-email,.pkt_ext_signup_ru .signup-btn-email{min-width:13em;padding:.8533em 1.2667em}.pkt_ext_signup_de .pkt_ext_logo,.pkt_ext_signup_es .pkt_ext_logo,.pkt_ext_signup_ru .pkt_ext_logo{padding-top:15px}.pkt_ext_signup_de .pkt_ext_introdetailhero .pkt_ext_tagline,.pkt_ext_signup_es .pkt_ext_introdetailhero .pkt_ext_tagline,.pkt_ext_signup_ja .pkt_ext_introdetailhero .pkt_ext_tagline,.pkt_ext_signup_ru .pkt_ext_introdetailhero .pkt_ext_tagline{font-size:13px}.pkt_ext_signup_overflow.pkt_ext_signup_de .signup-btn-firefox .logo,.pkt_ext_signup_overflow.pkt_ext_signup_es .signup-btn-firefox .logo,.pkt_ext_signup_overflow.pkt_ext_signup_ja .signup-btn-firefox .logo,.pkt_ext_signup_overflow.pkt_ext_signup_ru .signup-btn-firefox .logo{display:none}.los_variant{background-color:#fff;padding:0;text-align:start}.los_variant_top{padding:24px}.los_variant_bottom{text-align:start;padding:26px 22px 0}.los_variant_a .los_variant_bottom{text-align:center}.los_variant_bottom .los_variant_button{font-style:normal;font-weight:500;font-size:16px;line-height:24px;text-align:center;color:#fff;border-radius:4px;background:#0060df;display:inline-block;padding:8px 16px;margin-bottom:16px}.los_variant_a .los_variant_bottom .los_variant_button{display:block}.los_variant_bottom .los_variant_button:hover{color:#fff}.los_variant_c .los_variant_bottom{border-top:1px solid #d7d7db;margin-top:20px}.los_variant_bottom .los_variant_sub{font-style:normal;font-weight:normal;font-size:13px;line-height:16px;color:#737373}.los_variant_bottom .los_variant_sub a{color:#0060df}.los_variant_top a{font-size:15px}.los_variant_a .los_variant_top{background:#e8f7f6 url(../img/variant_a.png) bottom right no-repeat;background-size:contain;padding-block:6px 24px;padding-inline:24px 102px;height:260px}.los_variant_a .los_variant_top p{margin-bottom:0}.los_variant_b .los_variant_top{background:#dceaff url(../img/variant_b.png) bottom right no-repeat;background-size:80%;padding:24px 24px 160px}.los_variant_top:dir(rtl){background-position-x:left}.los_variant_b .los_variant_top a{font-size:15px;line-height:18px;text-decoration-line:underline;color:#0c0c0d}.los_variant_c .los_variant_top{background:#fff url(../img/variant_c.png) bottom right no-repeat;background-size:contain;padding:24px 24px 160px}.los_variant h1{font-weight:600;font-size:17px;line-height:20px;color:#0c0c0d}.los_variant p{font-style:normal;font-weight:normal;font-size:15px;line-height:18px;color:#0c0c0d}.pkt_ext_saved_sendtomobile .pkt_ext_loadingspinner{top:-5px}.pkt_ext_save_title_wrapper{position:relative;display:inline-flex}.pkt_ext_save_title_wrapper.pkt_ext_mobile_icon:after{position:absolute;height:15px;width:10px;top:0;inset-inline-start:-16px;content:url('data:image/svg+xml;utf8,')}.pkt_ext_logo_action_copy{display:inline-block;font-size:13px}.pkt_ext_checkbox_label{font-size:11px;color:#999;cursor:pointer}#pkt_ext_signup_button{width:70px}.pkt_ext_heading{font-size:17px;font-weight:400;color:#222;width:250px;margin:35px auto 10px}.pkt_ext_saved_sendcollectemail .pkt_ext_tag_detail{margin:0 auto}.pkt_ext_saved_sendcollectemail .pkt_ext_tag_detail,.pkt_ext_saved_sendcollectemail .pkt_ext_tag_input_wrapper{width:255px}.pkt_ext_checkbox_wrapper{text-align:start;margin:0 auto 15px;width:255px}.pkt_ext_description{font-size:14px;color:#666;font-weight:400;width:280px;margin:0 auto;line-height:20px}.pkt_ext_bold{font-weight:bold}.pkt_ext_download_section{margin-top:28px}.pkt_ext_download_button_wrapper{margin-top:5px}.pkt_ext_apple_download{display:inline-block;cursor:pointer;height:40px;margin:10px;width:120px;background:url(../img/app_store_dowload_apple.svg) bottom right no-repeat}.pkt_ext_apple_download:dir(rtl){background-position-x:left}.pkt_ext_google_download{display:inline-block;height:60px;width:155px;cursor:pointer}.pkt_ext_experiment_saved_tile{position:relative;margin:0 auto 17px;height:95px;background-color:#fff;box-shadow:0 1px 1px rgba(147,147,147,.5)}.pkt_ext_experiment_saved_tile .pkt_ext_save_title{width:295px}.pkt_ext_experiment_saved_tile .pkt_ext_save_open{max-height:50px;overflow:hidden}.pkt_ext_experiment_saved_tile.pkt_ext_has_image .pkt_ext_save_title{margin-inline-start:78px;width:210px}.pkt_ext_experiment_saved_tile .pkt_ext_save_image{inset-inline-start:0}.pkt_ext_experiment_saved_tile{transform-style:preserve-3d}.pkt_ext_save_image{position:absolute;top:0;inset-inline-end:0;box-sizing:border-box;height:100%;width:78px;background-color:#979797;border:none}.pkt_ext_save_title{position:relative;top:50%;padding:10px 15px;transform:perspective(1px) translateY(-50%);font-size:14px;font-weight:400;line-height:16px;text-align:start;overflow:hidden;color:#222}.pkt_ext_save_title a{display:block;text-overflow:ellipsis;overflow:hidden}.pkt_ext_save_title a:link,.pkt_ext_save_title a:visited,.pkt_ext_save_title a:active,.pkt_ext_save_title a:hover{color:#222 !important}a.pkt_ext_save_open,a.pkt_ext_save_open:hover{color:#000}.pkt_ext_save_source{margin-top:7px;padding-inline-start:0;color:#999;font-size:12px;font-weight:400;line-height:1.1em;letter-spacing:.03em}.pkt_ext_ho2_experiment .pkt_ext_suggestedtag_detail,.pkt_ext_ho2_experiment .pkt_ext_suggestedtag_detailshown{position:relative;background-color:#fbfbfb;border-top:none}.pkt_ext_experiment_saved_tile .pkt_ext_save_image.pkt_ext_save_image_placeholder,.pkt_ext_experiment_saved_tile.pkt_ext_has_image .pkt_ext_save_title.pkt_ext_title_image_placeholder .pkt_ext_save_open,.pkt_ext_experiment_saved_tile.pkt_ext_has_image .pkt_ext_save_title.pkt_ext_title_image_placeholder .pkt_ext_save_source{background:linear-gradient(to right, #EEE 0%, #DDD 50%, #EEE 100%);background-size:400% 400%;animation:backgroundScroll 3s linear infinite}@keyframes backgroundScroll{0%{background-position:-200% 0}100%{background-position:200% 0}}/*# sourceMappingURL=main.compiled.css.map */ diff --git a/browser/components/pocket/content/panels/css/main.compiled.css.map b/browser/components/pocket/content/panels/css/main.compiled.css.map new file mode 100644 index 000000000000..42eb7d76ccca --- /dev/null +++ b/browser/components/pocket/content/panels/css/main.compiled.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["normalize.scss","saved.scss","signup.scss","sendtomobile.scss"],"names":[],"mappings":"AAAA,4DAQA,KACE,uBAOF,KACE,SAaF,2FAaE,cAQF,4BAIE,qBACA,wBAQF,sBACE,aACA,SAQF,kBAEE,aAUF,EACE,6BAOF,iBAEE,UAUF,YACE,yBAOF,SAEE,iBAOF,IACE,kBAQF,GACE,cACA,eAOF,KACE,gBACA,WAOF,MACE,cAOF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,WAGF,IACE,eAUF,IACE,SAOF,eACE,gBAUF,OACE,gBAOF,GACE,4BACA,uBACA,SAOF,IACE,cAOF,kBAIE,gCACA,cAkBF,sCAKE,cACA,aACA,SAOF,OACE,iBAUF,cAEE,oBAWF,oEAIE,eAOF,sCAEE,eAOF,iDAEE,SACA,UAQF,MACE,mBAWF,uCAEE,sBACA,UASF,mBACE,uBAOF,SACE,wBACA,aACA,2BAQF,OACE,SACA,UAOF,SACE,cAQF,SACE,iBAUF,MACE,yBACA,iBAGF,MAEE,UAKF,KACE,aACA,UAGF,EACE,cACA,SACA,aACA,UACA,qBAGF,yBAGE,cACA,0BAGF,SACE,cCpZF,wBACI,yBACA,kBACA,cACA,eACA,wDACA,UACA,kBACA,kBACA,gBAEJ,kBACI,YACA,cACA,WAEJ,mJAGI,cACA,kBACA,kBACA,WAKJ,wBACI,GACI,yBAGR,wBACI,eAEJ,gDACI,kBACA,qBACA,aACA,uBACA,mBACA,wBACA,eACA,kBACA,kBACA,QACA,gBACA,YACA,6CAEJ,kOAII,WACA,kBACA,MACA,2BACA,YACA,aACA,mBACA,gBACA,yBACA,4BAEJ,uDACI,gBAEJ,sDACI,yBACA,gBAEJ,2DACI,yBACA,gBAEJ,0DACI,0BACA,gBAKJ,0CACI,qBACA,kBACA,MACA,WAEJ,wCACI,UACA,kBACA,sBAEJ,kDACI,UAEJ,kJAEI,eAEJ,gDACI,gBACA,UAEJ,iNAII,UACA,gCAEJ,qOAII,aACA,gBAEJ,2BACI,uBACA,YACA,WACA,cACA,WACA,eACA,mBACA,sBACA,cACA,kBACA,UACA,kBACA,iBACA,oBAEJ,uBACI,GACI,UAEJ,IACI,UAEJ,KACI,WAGR,iCACI,mCAEJ,sCACI,eACA,cAEJ,6CACI,aACA,eACA,mBACA,yBACA,eACA,UACA,kBACA,UACA,iBACA,kBAEJ,mCACI,iBAEJ,wDACI,cACA,UACA,mBAEJ,sCACI,qEACA,cACA,mBACA,YACA,mBACA,kBACA,WAEJ,gCACI,sCACI,mDACA,2BAGR,iDACI,gDACA,YACA,WAEJ,gCACI,iDACI,gDACA,2BAGR,2CACI,mBAEJ,0CACI,sBACA,aACA,gBACA,wBACA,gBACA,kBACA,iBACA,UACA,WAEJ,gDACI,cAEJ,iDACI,cAEJ,8CACI,uBACA,WACA,YACA,kBACA,aACA,WAEJ,uDACI,WAEJ,6DACI,UAEJ,iDACI,gBACA,cACA,WACA,eACA,YACA,SACA,UACA,WAEJ,iDACI,sBACA,gBACA,SACA,mBACA,gBACA,eACA,YACA,wBACA,WAEJ,wDACI,aAEJ,yEACI,mCACA,aACA,gBACA,UACA,WAEJ,gDACI,uBACA,cACA,cACA,6BACA,eACA,mBACA,sBACA,oBACA,YACA,SACA,aACA,mBACA,iBACA,qBACA,oBAEJ,4GAEI,cACA,0BAEJ,6GAEI,uBACA,aAEJ,yDACI,eAEJ,kEACI,iBACA,wBACA,eAEJ,kEACI,uBAEJ,uCACI,gEACA,WACA,cACA,eACA,YACA,sBACA,gBACA,kBACA,kBACA,oBACA,SACA,WAEJ,gCACI,uCACI,8CACA,yBAGR,6CACI,WACA,qBAKJ,4CACI,yBACA,kBACA,eACA,WACA,aACA,UACA,aAEJ,2CACI,YAEJ,mDACI,sBACA,OACA,sBACA,oCACA,WACA,cACA,WACA,iBACA,gBACA,SACA,gBACA,mBACA,WACA,oBAEJ,sEACI,yBAEJ,qEACI,cACA,aACA,gBACA,kBACA,WAEJ,2HAEI,eAEJ,sDACI,YACA,WAEJ,6DACI,aAEJ,yDACI,SACA,gBACA,sBACA,WACA,eACA,mBACA,mBACA,YACA,aACA,cACA,oBACA,oBAEJ,sEACI,cACA,sBACA,oBAEJ,wCACI,eACA,WAEJ,qCACI,sBACA,WACA,WACA,iBACA,eACA,sBACA,aACA,cACA,eACA,qBACA,oBACA,WAEJ,2CACI,yBAEJ,4CACI,yBAEJ,uJAGI,6BACA,eACA,WAEJ,wDACI,yBACA,uBACA,0BACA,cAEJ,kDACI,iBAKJ,+GAEI,sBACA,WACA,qBACA,UACA,iBACA,kBACA,WAEJ,uHAEI,UACA,mBAEJ,0DACI,cAEJ,2DACI,UACA,kBAGJ,6GAEI,WACA,eACA,mBACA,kBACA,sBACA,cACA,iBACA,oBAEJ,uJAEI,aACA,kBAEJ,uKAEI,cACA,cACA,uBAEJ,6GAEI,cACA,SACA,WACA,gBACA,gBAEJ,wDACI,YACA,SACA,eACA,gBAEJ,6GAEI,gBACA,mBACA,eACA,gBACA,gBACA,mBACA,cAEJ,2HAEI,aAEJ,wIAEI,WACA,kBACA,gBACA,wBACA,kBACA,iBACA,QAEJ,uEACI,wBAEJ,mCACI,kBACA,mBACA,yBACA,WACA,iBACA,eACA,mBACA,sBACA,uBACA,sBACA,qBACA,oBAEJ,yCACI,yBACA,qBACA,WACA,qBAEJ,mFAEI,aAEJ,8CACI,oDAEJ,gCACI,8CACI,oDACA,yBAGR,0SAII,yBACA,eACA,WAEJ,4CACI,aAKJ,oCACI,yBACA,cACA,gBACA,kBAEJ,uBACI,WACA,cACA,kBAEJ,sBACI,cACA,gCACA,mBAEJ,4BACI,cAKJ,0BACI,kBACA,sBACA,gBACA,yBACA,gBACA,gCACA,gBACA,qBACA,aAEJ,6BACI,eACA,iBACA,SACA,cACA,eAEJ,gCACI,gBACA,WACA,mBACA,cACA,WACA,eACA,sBACA,gBACA,cACA,iBACA,oBACA,cAEJ,uCACI,aAEJ,+DACI,yBACA,WAEJ,kBACI,gBACA,SACA,UAEJ,qBACI,iBACA,gBAEJ,2BACI,SACA,sBAEJ,2CACI,gBACA,kBACA,yBACA,gBACA,SACA,cACA,yBACA,WACA,mBACA,eACA,gBACA,cACA,WACA,cACA,mBAEJ,4DACI,kBAEJ,kEACI,WAEJ,8EACI,WAEJ,uFACI,YACA,qBACA,kBACA,MACA,WACA,UAEJ,6CACI,qBACA,eACA,mBACA,oBACA,sBACA,UACA,SACA,oBACA,mBACA,WACA,uBAEJ,oDACI,aACA,QAEJ,gDACI,gEACA,eACA,qBACA,WACA,eACA,oBACA,gBACA,UACA,kBAEJ,gCACI,gDACI,8CACA,yBAGR,oDACI,yBACA,qBACA,WAEJ,yDACI,oDAEJ,gCACI,yDACI,oDACA,yBAGR,wFACI,yBAEJ,6FACI,WAKJ,+BACI,cAEJ,8DAEI,cAKJ,OACI,UACA,SACA,gBACA,SACA,aACA,cACA,aACA,iBAGJ,gBACI,YACA,yBACA,WACA,kBACA,eACA,YACA,sBACA,YACA,cACA,kBACA,eAGJ,6CAEI,yBAIJ,qBACI,yBACA,WAGJ,2BACI,yBAGJ,4BACI,yBAGJ,wBACI,kBACA,YACA,WACA,SACA,yBACA,WACA,uDACA,0BACA,4BAMJ,uBACI,yBACA,6BACA,eAGJ,wBACI,aAGJ,yBACI,cACA,cACA,iDACA,iBACA,eACA,cAGJ,2BACI,kBAGJ,kBACI,aACA,6BACA,mBACA,WAGJ,qBACI,aAGJ,mCACI,cACA,SACA,6BACA,SAGJ,mBACI,iBACA,cACA,kBAGJ,0BACI,aACA,8BACA,mBACA,gBAGJ,6BACI,WACA,eACA,mBACA,kBACA,sBACA,cACA,iBACA,oBAGJ,4BACI,kBACA,gBACA,eACA,iBACA,cAGJ,8CACI,UACA,gBACA,gBAGJ,8CACI,WACA,aACA,kBACA,mBACA,eACA,iBACA,cAGJ,gDACI,kBACA,wBACA,6DACA,YAGJ,yDACI,gCAGJ,0GAEI,mCAGJ,qDACI,mCAGJ,yEACI,qBAGJ,sDACI,WACA,YACA,mBACA,SACA,uBACA,kBAGJ,kEACI,aAGJ,6CACI,4BACA,oBACA,gBACA,sBACA,kBACA,mBACA,SAGJ,sDACI,qBACA,eACA,iBACA,cAGJ,uDACI,qBACA,eACA,iBACA,cC77BJ,yBACI,yBACA,WACA,cACA,eACA,wDACA,SACA,UACA,kBACA,kBACA,gBAEJ,kCACI,oCACA,UACA,kBAEJ,kBACI,YACA,cACA,WAEJ,wBACI,GACI,UACA,mBAEJ,IACI,UACA,mBAEJ,KACI,UACA,mBAMR,2BACI,eACA,WACA,wDACA,gBACA,oBACA,gBAEJ,2BACI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","file":"main.compiled.css"} \ No newline at end of file diff --git a/browser/components/pocket/content/panels/css/main.scss b/browser/components/pocket/content/panels/css/main.scss new file mode 100644 index 000000000000..b1727fe9cb2b --- /dev/null +++ b/browser/components/pocket/content/panels/css/main.scss @@ -0,0 +1,4 @@ +@import "./normalize"; +@import "./saved"; +@import "./signup"; +@import "./sendtomobile"; diff --git a/browser/components/pocket/content/panels/css/normalize.css b/browser/components/pocket/content/panels/css/normalize.scss similarity index 100% rename from browser/components/pocket/content/panels/css/normalize.css rename to browser/components/pocket/content/panels/css/normalize.scss diff --git a/browser/components/pocket/content/panels/css/saved.css b/browser/components/pocket/content/panels/css/saved.scss similarity index 100% rename from browser/components/pocket/content/panels/css/saved.css rename to browser/components/pocket/content/panels/css/saved.scss diff --git a/browser/components/pocket/content/panels/css/sendtomobile.css b/browser/components/pocket/content/panels/css/sendtomobile.scss similarity index 100% rename from browser/components/pocket/content/panels/css/sendtomobile.css rename to browser/components/pocket/content/panels/css/sendtomobile.scss diff --git a/browser/components/pocket/content/panels/css/signup.css b/browser/components/pocket/content/panels/css/signup.scss similarity index 100% rename from browser/components/pocket/content/panels/css/signup.css rename to browser/components/pocket/content/panels/css/signup.scss diff --git a/browser/components/pocket/content/panels/saved.html b/browser/components/pocket/content/panels/saved.html index bae65629d31c..46ba28e44cbc 100644 --- a/browser/components/pocket/content/panels/saved.html +++ b/browser/components/pocket/content/panels/saved.html @@ -5,9 +5,7 @@ Pocket: Page Saved - - - + diff --git a/browser/components/pocket/content/panels/signup.html b/browser/components/pocket/content/panels/signup.html index 29986ef43e31..92be4d676779 100644 --- a/browser/components/pocket/content/panels/signup.html +++ b/browser/components/pocket/content/panels/signup.html @@ -5,8 +5,7 @@ Pocket: Sign Up - - + diff --git a/browser/components/pocket/package-lock.json b/browser/components/pocket/package-lock.json index 3cccb34e90d2..faa8b3874664 100644 --- a/browser/components/pocket/package-lock.json +++ b/browser/components/pocket/package-lock.json @@ -742,6 +742,15 @@ "path-parse": "^1.0.6" } }, + "sass": { + "version": "1.32.8", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.8.tgz", + "integrity": "sha512-Sl6mIeGpzjIUZqvKnKETfMf0iDAswD9TNlv13A7aAF3XZlRPMq4VvJWBC2N2DXbp94MQVdNSFG6LfF/iOXrPHQ==", + "dev": true, + "requires": { + "chokidar": ">=2.0.0 <4.0.0" + } + }, "semver": { "version": "5.7.1", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", diff --git a/browser/components/pocket/package.json b/browser/components/pocket/package.json index d2361b2a8f69..6f2230255046 100644 --- a/browser/components/pocket/package.json +++ b/browser/components/pocket/package.json @@ -4,10 +4,12 @@ "description": "Task running for Save to Pocket Extension", "scripts": { "start": "npm run build && npm run watch", - "build": "run-p build:*", + "build": "npx run-p build:*", "build:handlebars": "node compile_handlebars.js", - "watch": "run-p watch:*", - "watch:handlebars": "chokidar \"content/panels/tmpl/**/*.handlebars\" -c \"npm run build:handlebars\"", + "build:sass": "npx sass content/panels/css/main.scss content/panels/css/main.compiled.css --style=compressed", + "watch": "npx run-p watch:*", + "watch:handlebars": "npx chokidar \"content/panels/tmpl/**/*.handlebars\" -c \"npm run build:handlebars\"", + "watch:sass": "npx chokidar \"content/panels/css/**/*.scss\" -c \"npm run build:sass\"", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "Mozilla (https://mozilla.org/)", @@ -15,7 +17,8 @@ "devDependencies": { "chokidar-cli": "2.1.0", "handlebars": "3.0.0", - "npm-run-all": "4.1.5" + "npm-run-all": "4.1.5", + "sass": "1.32.8" }, "repository": "https://hg.mozilla.org/" }