From 7378a36250222b329decd6921e10a1cafeb4e08d Mon Sep 17 00:00:00 2001 From: kimulaco Date: Wed, 8 May 2019 00:53:25 +0900 Subject: [PATCH] Fix inline code padding --- dist/dark.css | 2 +- dist/dark.css.map | 2 +- dist/dark.min.css | 2 +- dist/dark.min.css.map | 2 +- dist/light.css | 2 +- dist/light.css.map | 2 +- dist/light.min.css | 2 +- dist/light.min.css.map | 2 +- src/parts/_code.scss | 2 +- 9 files changed, 9 insertions(+), 9 deletions(-) diff --git a/dist/dark.css b/dist/dark.css index a13ecb7..0993d53 100644 --- a/dist/dark.css +++ b/dist/dark.css @@ -181,7 +181,7 @@ a:hover { code, kbd { background: #161f27; color: #ffbe85; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } diff --git a/dist/dark.css.map b/dist/dark.css.map index 54925b1..2a7d8ee 100644 --- a/dist/dark.css.map +++ b/dist/dark.css.map @@ -1 +1 @@ -{"version":3,"sources":["dark.css","parts/_base.scss","dark.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFOiB;EENjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","file":"dark.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n\n::selection {\n background-color: #161f27;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$selection: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["dark.css","parts/_base.scss","dark.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFOiB;EENjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBL3BoB;EK4BpB,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","file":"dark.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n\n::selection {\n background-color: #161f27;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$selection: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/dark.min.css b/dist/dark.min.css index e139b05..ee55009 100644 --- a/dist/dark.min.css +++ b/dist/dark.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,kbd{background:#161f27;color:#ffbe85;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#161f27}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} +@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#dbdbdb;background:#202b38;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#fff}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#fff;background-color:#161f27;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#324759}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#a9a9a9}:-ms-input-placeholder{color:#a9a9a9}::-ms-input-placeholder{color:#a9a9a9}::placeholder{color:#a9a9a9}a{text-decoration:none;color:#41adff}a:hover{text-decoration:underline}code,kbd{background:#161f27;color:#ffbe85;padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#161f27}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161f27;border-radius:6px}::-webkit-scrollbar-thumb{background:#324759;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#415c73}::-moz-selection{background-color:#161f27}::selection{background-color:#161f27} /*# sourceMappingURL=dark.min.css.map */ diff --git a/dist/dark.min.css.map b/dist/dark.min.css.map index acdd384..05ae3af 100644 --- a/dist/dark.min.css.map +++ b/dist/dark.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","dark.css","parts/_base.scss","dark.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDOiB,CCNjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,kBHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,aHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","file":"dark.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n\n::selection {\n background-color: #161f27;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$selection: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["parts/_typography.scss","dark.css","parts/_base.scss","dark.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCHiB,CDIjB,kBCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDOiB,CCNjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,kBHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,aHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJ3BoB,CI4BpB,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","file":"dark.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #dbdbdb;\n background: #202b38;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #ffffff;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #ffffff;\n background-color: #161f27;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #324759;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #a9a9a9;\n}\n\na {\n text-decoration: none;\n color: #41adff;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #161f27;\n color: #ffbe85;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #161f27;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #161f27;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #324759;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #415c73;\n}\n\n::selection {\n background-color: #161f27;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #202b38 !default;\n$background-alt: #161f27 !default;\n\n$selection: #161f27 !default;\n\n$text-main: #dbdbdb !default;\n$text-bright: #ffffff !default;\n\n$links: #41adff !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #ffbe85 !default;\n\n$button-hover: #324759 !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: $button-hover;\n$scrollbar-thumb-hover: lighten($button-hover, 8%);\n\n$form-placeholder: #a9a9a9 !default;\n$form-text: #ffffff !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.css b/dist/light.css index 921caf8..608c8eb 100644 --- a/dist/light.css +++ b/dist/light.css @@ -181,7 +181,7 @@ a:hover { code, kbd { background: #efefef; color: #000000; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; } diff --git a/dist/light.css.map b/dist/light.css.map index 3fce7d2..245fcc4 100644 --- a/dist/light.css.map +++ b/dist/light.css.map @@ -1 +1 @@ -{"version":3,"sources":["light.css","parts/_base.scss","light.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFOiB;EENjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,YAAY;EACZ,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","file":"light.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n\n::selection {\n background-color: #9e9e9e;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$selection: #9e9e9e !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["light.css","parts/_base.scss","light.scss","parts/_typography.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;EACE,yKAAyK;EACzK,gBAAgB;EAEhB,gBAAgB;EAChB,iBAAiB;EACjB,eAAe;EAEf,cCHiB;EDIjB,mBCTkB;EDWlB,kCAAkC;ADDpC;;ACIA;EACE,kIAI8C;ADLhD;;AGdA;EACE,gBAAgB;EAChB,aAAa;AHiBf;;AGdA;;;;;;EAME,mBAAmB;AHiBrB;;AGdA;;;;;;;EAOE,cDfmB;AFgCrB;;AGdA;;;;;;;;;EASE,gBAAgB;AHiBlB;;AGdA;EACE,gCD5Be;EC6Bf,iBAAiB;EACjB,kBAAkB;EAClB,kBAAkB;AHiBpB;;AGdA;EACE,gBAAgB;EAChB,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,kBAAkB;AHiBpB;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AGdA;EACE,cAAS;AHiBX;;AIlFA;;;;EAIE,eAAe;AJqFjB;;AIlFA;;EAEE,cAAc;AJqFhB;;AIlFA;EACE,cFOiB;EENjB,yBFbsB;EEetB,oBAAoB;EACpB,kBAAkB;EAElB,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;EAEb,YAAY;EACZ,kBAAkB;EAClB,aAAa;AJkFf;;AI/EA;;EAEE,wBAAwB;AJkF1B;;AI/EA;EACE,eAAe;EACf,WAAW;EACX,sBAAsB;EACtB,gBAAgB;AJkFlB;;AI/EA;EACE,mBAAmB;EACnB,kBAAkB;AJkFpB;;AI/EA;;;EAGE,mBFnCoB;AFqHtB;;AI/EA;;;;EAIE,+BF9Ce;AFgIjB;;AI/EA;;;;;EAKE,0BAA0B;AJkF5B;;AI/EA;;;;EAIE,mBAAmB;EACnB,WAAW;AJkFb;;AI/EA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AInFA;EACE,cFxDwB;AF0I1B;;AK7JA;EACE,qBAAqB;EACrB,cHMa;AF0Jf;;AK7JA;EACE,0BAA0B;ALgK5B;;AMtKA;EACE,mBJAsB;EICtB,cJSY;EIRZ,kBAAkB;EAClB,kBAAkB;ANyKpB;;AMtKA;EACE,aAAa;EACb,cAAc;EACd,gBAAgB;ANyKlB;;AOnLA;EACE,eAAe;EACf,YAAY;APsLd;;AOnLA;EACE,YAAY;EACZ,6BLGc;AFmLhB;;AOnLA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,WAAW;APsLb;;AOnLA;EACE,YAAY;EACZ,gBAAgB;APsLlB;;AOnLA;EACE,gCLZc;AFkMhB;;AOnLA;EACE,yBLzBsB;AF+MxB;;AOnLA;EACE,YAAY;EACZ,WAAW;APsLb;;AOnLA;EACE,mBLlCsB;EKmCtB,kBAAkB;APsLpB;;AOnLA;EACE,mBLxByC;EKyBzC,kBAAkB;APsLpB;;AOnLA;EACE,mBL5BgD;AFkNlD;;AOnLA;EACE,yBL9CiB;AFoOnB;;AOvLA;EACE,yBL9CiB;AFoOnB","file":"light.css","sourcesContent":["@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n\n::selection {\n background-color: #9e9e9e;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$selection: #9e9e9e !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/dist/light.min.css b/dist/light.min.css index 6c8d56e..42c001b 100644 --- a/dist/light.min.css +++ b/dist/light.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,kbd{background:#efefef;color:#000;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#efefef}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} +@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,kbd{background:#efefef;color:#000;padding:2.5px 5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%;height:auto}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#efefef}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e} /*# sourceMappingURL=light.min.css.map */ diff --git a/dist/light.min.css.map b/dist/light.min.css.map index 7d63e6f..3b47cb0 100644 --- a/dist/light.min.css.map +++ b/dist/light.min.css.map @@ -1 +1 @@ -{"version":3,"sources":["parts/_typography.scss","light.css","parts/_base.scss","light.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDOiB,CCNjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,eHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,UHSY,CGRZ,WAAY,CACZ,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","file":"light.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n\n::selection {\n background-color: #9e9e9e;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$selection: #9e9e9e !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file +{"version":3,"sources":["parts/_typography.scss","light.css","parts/_base.scss","light.scss","parts/_forms.scss","parts/_links.scss","parts/_code.scss","parts/_misc.scss"],"names":[],"mappings":"AAwDA,gBCkBA,CC1EA,KACE,6IAAyK,CACzK,eAAgB,CAEhB,eAAgB,CAChB,gBAAiB,CACjB,cAAe,CAEf,aCHiB,CDIjB,eCTkB,CDWlB,iCDDF,CCIA,sBACE,wHDDF,CDdA,GACE,eAAgB,CAChB,YCiBF,CDdA,kBAME,kBCiBF,CDdA,yBAOE,UCiBF,CDdA,8BASE,eCiBF,CDdA,WACE,yCG5Be,CH6Bf,cAAiB,CACjB,gBAAkB,CAClB,iBCiBF,CDdA,kBACE,eAAgB,CAChB,iBCiBF,CDVA,wBACE,iBCiBF,CDdA,uBACE,aCiBF,CDdA,oBACE,aCiBF,CDdA,oBACE,aCiBF,CGlFA,kEAIE,cHqFF,CGlFA,oDAEE,aHqFF,CGlFA,6BACE,UDOiB,CCNjB,wBDbsB,CCetB,mBAAoB,CACpB,iBAAkB,CAElB,gBAAiB,CACjB,iBAAkB,CAClB,YAAa,CAEb,WAAY,CACZ,iBAAkB,CAClB,YHkFF,CG/EA,oEAEE,uBHkFF,CG/EA,SACE,cAAe,CACf,UAAW,CACX,qBAAsB,CACtB,eHkFF,CG/EA,6CACE,kBAAmB,CACnB,iBHkFF,CG/EA,+DAGE,eHkFF,CG/EA,qDAIE,wCHkFF,CG/EA,uHAKE,yBHkFF,CG/EA,iEAIE,kBAAmB,CACnB,UHkFF,CG/EA,4BACE,aHkFF,CGnFA,uBACE,aHkFF,CGnFA,wBACE,aHkFF,CGnFA,cACE,aHkFF,CI7JA,EACE,oBAAqB,CACrB,aJgKF,CI7JA,QACE,yBJgKF,CKtKA,SACE,kBHAsB,CGCtB,UHSY,CGRZ,iBAAkB,CAClB,iBLyKF,CKtKA,SACE,YAAa,CACb,aAAc,CACd,eLyKF,CMnLA,IACE,cAAe,CACf,WNsLF,CMnLA,GAEE,WJGc,CIHd,4BNsLF,CMnLA,MACE,wBAAyB,CACzB,kBAAmB,CACnB,UNsLF,CMnLA,MACE,WAAY,CACZ,eNsLF,CMnLA,GACE,+BNsLF,CMnLA,uBACE,wBNsLF,CMnLA,oBACE,WAAY,CACZ,UNsLF,CMnLA,0BACE,kBJlCsB,CImCtB,iBAXF,CAcA,0BACE,kBJxByC,CIyBzC,iBNsLF,CMnLA,gCACE,kBAXF,CAcA,iBACE,wBNsLF,CMvLA,YACE,wBNsLF","file":"light.min.css","sourcesContent":["h1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: $text-bright;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid $focus;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}","@charset \"UTF-8\";\nbody {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n color: #363636;\n background: #ffffff;\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color 0.1s linear, border-color 0.1s linear, color 0.1s linear, box-shadow 0.1s linear, transform 0.1s ease;\n}\n\nh1 {\n font-size: 2.2em;\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-bottom: 12px;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n color: #000000;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nb,\nstrong,\nth {\n font-weight: 600;\n}\n\nblockquote {\n border-left: 4px solid #0096bfab;\n margin: 1.5em 0em;\n padding: 0.5em 1em;\n font-style: italic;\n}\n\nblockquote > footer {\n margin-top: 10px;\n font-style: normal;\n}\n\nblockquote cite {\n font-style: normal;\n}\n\naddress {\n font-style: normal;\n}\n\na[href^='mailto']::before {\n content: '📧 ';\n}\n\na[href^='tel']::before {\n content: '📞 ';\n}\n\na[href^='sms']::before {\n content: '💬 ';\n}\n\nbutton,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: #000000;\n background-color: #efefef;\n font-family: inherit;\n font-size: inherit;\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: #dddddd;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px #0096bfab;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: #949494;\n}\n\na {\n text-decoration: none;\n color: #0076d1;\n}\n\na:hover {\n text-decoration: underline;\n}\n\ncode, kbd {\n background: #efefef;\n color: #000000;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid #dbdbdb;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid #dbdbdb;\n}\n\ntbody tr:nth-child(even) {\n background-color: #efefef;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: #efefef;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: #d5d5d5;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #c4c4c4;\n}\n\n::selection {\n background-color: #9e9e9e;\n}\n","body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n line-height: 1.4;\n\n max-width: 800px;\n margin: 20px auto;\n padding: 0 10px;\n\n color: $text-main;\n background: $background;\n\n text-rendering: optimizeLegibility;\n}\n\nbutton, input, textarea {\n transition: background-color $animation-duration linear,\n border-color $animation-duration linear,\n color $animation-duration linear,\n box-shadow $animation-duration linear,\n transform $animation-duration ease;\n}\n","$background: #ffffff !default;\n$background-alt: #efefef !default;\n\n$selection: #9e9e9e !default;\n\n$text-main: #363636 !default;\n$text-bright: #000000 !default;\n\n$links: #0076d1 !default;\n$focus: #0096bfab !default;\n$border: #dbdbdb !default;\n$code: #000000 !default;\n\n$button-hover: #dddddd !default;\n$animation-duration: 0.1s !default;\n\n$scrollbar-thumb: darken($button-hover, 3%);\n$scrollbar-thumb-hover: darken($button-hover, 10%);\n\n$form-placeholder: #949494 !default;\n$form-text: #000000 !default;\n\n@import 'parts/core';","button,\ninput[type='submit'],\ninput[type='button'],\ninput[type='checkbox'] {\n cursor: pointer;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect {\n display: block;\n}\n\ninput, select, button, textarea {\n color: $form-text;\n background-color: $background-alt;\n\n font-family: inherit;\n font-size: inherit;\n\n margin-right: 6px;\n margin-bottom: 6px;\n padding: 10px;\n\n border: none;\n border-radius: 6px;\n outline: none;\n}\n\ninput:not([type='checkbox']):not([type='radio']),\nselect, button, textarea {\n -webkit-appearance: none;\n}\n\ntextarea {\n margin-right: 0;\n width: 100%;\n box-sizing: border-box;\n resize: vertical;\n}\n\nbutton, input[type='submit'], input[type='button'] {\n padding-right: 30px;\n padding-left: 30px;\n}\n\nbutton:hover,\ninput[type='submit']:hover,\ninput[type='button']:hover {\n background: $button-hover;\n}\n\ninput:focus,\nselect:focus,\nbutton:focus,\ntextarea:focus {\n box-shadow: 0 0 0 2px $focus;\n}\n\ninput[type='checkbox']:active,\ninput[type='radio']:active,\ninput[type='submit']:active,\ninput[type='button']:active,\nbutton:active {\n transform: translateY(2px);\n}\n\ninput:disabled,\nselect:disabled,\nbutton:disabled,\ntextarea:disabled {\n cursor: not-allowed;\n opacity: .5;\n}\n\n::placeholder {\n color: $form-placeholder;\n}","a {\n text-decoration: none;\n color: $links;\n}\n\na:hover {\n text-decoration: underline;\n}","code, kbd {\n background: $background-alt;\n color: $code;\n padding: 2.5px 5px;\n border-radius: 6px;\n}\n\npre > code {\n padding: 10px;\n display: block;\n overflow-x: auto;\n}","img {\n max-width: 100%;\n height: auto;\n}\n\nhr {\n border: none;\n border-top: 1px solid $border;\n}\n\ntable {\n border-collapse: collapse;\n margin-bottom: 10px;\n width: 100%;\n}\n\ntd, th {\n padding: 6px;\n text-align: left;\n}\n\nth {\n border-bottom: 1px solid $border;\n}\n\ntbody tr:nth-child(even) {\n background-color: $background-alt;\n}\n\n::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background: $background-alt;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb {\n background: $scrollbar-thumb;\n border-radius: 6px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: $scrollbar-thumb-hover;\n}\n\n::selection {\n background-color: $selection;\n}"]} \ No newline at end of file diff --git a/src/parts/_code.scss b/src/parts/_code.scss index 06e41c8..3660979 100644 --- a/src/parts/_code.scss +++ b/src/parts/_code.scss @@ -1,7 +1,7 @@ code, kbd { background: $background-alt; color: $code; - padding: 5px; + padding: 2.5px 5px; border-radius: 6px; }