adds the generate CSSs
This commit is contained in:
Huy Tran
parent
9b6e2d3940
commit
5fcae20319
5 changed files with 66 additions and 15 deletions
|
|
@ -8,11 +8,11 @@ body {
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 20px;
|
font-size: 17px;
|
||||||
line-height: 1.667em; }
|
line-height: 1.667em; }
|
||||||
@media (min-width: 38em) {
|
@media (min-width: 38em) {
|
||||||
html {
|
html {
|
||||||
font-size: 18px; } }
|
font-size: 20px; } }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
color: #515151;
|
color: #515151;
|
||||||
|
|
@ -113,7 +113,7 @@ html {
|
||||||
-webkit-text-size-adjust: 100%;
|
-webkit-text-size-adjust: 100%;
|
||||||
box-direction: normal;
|
box-direction: normal;
|
||||||
font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
font-family: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Droid Sans", "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
line-height: 1.667em; }
|
line-height: 1.667em; }
|
||||||
|
|
||||||
html,
|
html,
|
||||||
|
|
@ -576,16 +576,57 @@ a.badge-tag {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto; }
|
height: auto; }
|
||||||
|
|
||||||
@media (min-width: 320px) and (max-width: 768px) {
|
@media (min-width: 320px) and (max-width: 767px) {
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
font-size: 17px; }
|
||||||
.sidebar li {
|
.sidebar li {
|
||||||
padding: .1rem 0; }
|
padding: .1rem 0; }
|
||||||
.hidden-tablet {
|
.hidden-tablet {
|
||||||
display: none; } }
|
display: none; }
|
||||||
|
.sidebar-about,
|
||||||
|
.copyright {
|
||||||
|
display: none; }
|
||||||
|
.sidebar {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0; }
|
||||||
|
.menu-content {
|
||||||
|
padding: 0 0 0 0px;
|
||||||
|
max-height: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-top: 0; }
|
||||||
|
.collapsible-menu {
|
||||||
|
padding: 0px 0px; }
|
||||||
|
.collapsible-menu ul {
|
||||||
|
list-style-type: none;
|
||||||
|
padding: 0; }
|
||||||
|
.collapsible-menu li {
|
||||||
|
display: block; }
|
||||||
|
.collapsible-menu a {
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer; }
|
||||||
|
.collapsible-menu label {
|
||||||
|
background: url(/img/menu-open.svg) no-repeat left center;
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
color: #fff;
|
||||||
|
padding: 10px 0 10px 0px; }
|
||||||
|
input#menuToggle {
|
||||||
|
display: none; }
|
||||||
|
input#menuToggle + label {
|
||||||
|
font-weight: bold; }
|
||||||
|
input#menuToggle:checked + label {
|
||||||
|
background-image: url(/img/menu-close.svg);
|
||||||
|
color: #fff; }
|
||||||
|
input#menuToggle:checked ~ .menu-content {
|
||||||
|
max-height: 100% !important; }
|
||||||
|
.social {
|
||||||
|
padding: 1em 0 1em 0; } }
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
font-size: 16px; }
|
font-size: 17px; }
|
||||||
.sidebar {
|
.sidebar {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
|
@ -618,7 +659,10 @@ a.badge-tag {
|
||||||
.navigation a {
|
.navigation a {
|
||||||
width: calc(50% - 10px); }
|
width: calc(50% - 10px); }
|
||||||
.navigation a:nth-child(2) {
|
.navigation a:nth-child(2) {
|
||||||
margin-top: 0; } }
|
margin-top: 0; }
|
||||||
|
input#menuToggle,
|
||||||
|
input#menuToggle + label {
|
||||||
|
display: none; } }
|
||||||
|
|
||||||
@media (min-width: 992px) {
|
@media (min-width: 992px) {
|
||||||
html,
|
html,
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2,15 +2,11 @@
|
||||||
margin: 1cm !important; }
|
margin: 1cm !important; }
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #000; }
|
color: #000; }
|
||||||
|
|
||||||
.sidebar,
|
|
||||||
.navigation {
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -32,6 +28,18 @@ blockquote,
|
||||||
ul {
|
ul {
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.navigation {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.post__related {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
|
.gist-meta {
|
||||||
|
display: none !important; }
|
||||||
|
|
||||||
#disqus_thread {
|
#disqus_thread {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1 +1 @@
|
||||||
{"version":3,"sources":["hyde-hyde/_print.scss","hyde-hyde/_variables.scss"],"names":[],"mappings":"AAAA;EACE,uBAAsB,EAAA;;AAExB;EACE,gBCoC2B;EDnC3B,iBAAgB;EAChB,iBAAgB;EAChB,YAAW,EACZ;;AAED;;EAEE,cAAa,EACd;;AAED;EACE,eAAc;EACd,YAAW;EACX,YAAW;EACX,iBAAgB,EACjB;;AAED;EACE,YAAW;EACX,YAAW;EACX,iBAAgB;EAChB,mBAAkB;EAClB,oBAAmB;EACnB,eAAc,EACf;;AACD;EACE,gBAAe,EAChB;;AACD;;EAEE,UAAS,EACV;;AACD;EACC,yBAAwB,EACxB","file":"print.css","sourcesContent":["@page {\n margin: 1cm !important;\n}\nbody {\n font-size: $small-device-font-size;\n line-height: 1.3;\n background: #fff;\n color: #000;\n}\n\n.sidebar,\n.navigation {\n display: none;\n}\n\n.content {\n margin: 0 auto;\n width: 100%;\n float: none;\n display: initial;\n}\n\n.container {\n width: 100%;\n float: none;\n display: initial;\n padding-left: 1rem;\n padding-right: 1rem;\n margin: 0 auto;\n}\nimg {\n max-width: 100%;\n}\nblockquote,\nul {\n margin: 0;\n}\n#disqus_thread {\n\tdisplay: none !important;\n}\n\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: \"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n// poole's variables\n$root-font-size: 20px;\n$root-font-weight: 400;\n// golden ratio https://grtcalculator.com\n// 18px @ 33 px, 20px @ 33 px ~ 1.667em\n$root-line-height: 1.667em;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 18px;\n//\n\n// hyde-hyde\n$small-device-font-size: 16px;\n$large-device-font-size: $root-font-size;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n// links\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n// section\n$section__title-font-size: 2.15rem;\n\n// post\n$post__subtitle-font-size: 1.5rem;\n$gradient-color-1: #ff2c2c;\n$gradient-color-2: #7a5e91;\n\n// post meta\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n// post tags\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n$tag-font-size: .667rem;\n\n// list of posts\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n$item__title-big-font-size: 1.785rem;\n\n// heading\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n$h5-font-size:1rem;\n\n\n// sidebar\n$sidebar-color: #300030;\n$site__title-font-size: 3rem;\n$copyright-font-size: 0.7rem;\n\n// navigation\n$navigation-color: #c2255c;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: $h4-font-size;\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n"]}
|
{"version":3,"sources":["hyde-hyde/_print.scss","hyde-hyde/_variables.scss"],"names":[],"mappings":"AAAA;EACE,uBAAsB,EAAA;;AAExB;EACE,gBCoBmB;EDnBnB,iBAAgB;EAChB,iBAAgB;EAChB,YAAW,EACZ;;AAED;EACE,eAAc;EACd,YAAW;EACX,YAAW;EACX,iBAAgB,EACjB;;AAED;EACE,YAAW;EACX,YAAW;EACX,iBAAgB;EAChB,mBAAkB;EAClB,oBAAmB;EACnB,eAAc,EACf;;AACD;EACE,gBAAe,EAChB;;AACD;;EAEE,UAAS,EACV;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACE,yBAAwB,EACzB;;AAED;EACC,yBAAwB,EACxB","file":"print.css","sourcesContent":["@page {\n margin: 1cm !important;\n}\nbody {\n font-size: $small-device-font-size;\n line-height: 1.3;\n background: #fff;\n color: #000;\n}\n\n.content {\n margin: 0 auto;\n width: 100%;\n float: none;\n display: initial;\n}\n\n.container {\n width: 100%;\n float: none;\n display: initial;\n padding-left: 1rem;\n padding-right: 1rem;\n margin: 0 auto;\n}\nimg {\n max-width: 100%;\n}\nblockquote,\nul {\n margin: 0;\n}\n\n.sidebar {\n display: none !important;\n}\n\n.navigation {\n display: none !important;\n}\n\n.post__related {\n display: none !important;\n}\n\n.gist-meta {\n display: none !important;\n}\n\n#disqus_thread {\n\tdisplay: none !important;\n}\n\n","$gray-0: #fafafa;\n$gray-1: #f9f9f9;\n$gray-2: #eee;\n$gray-3: #ddd;\n$gray-4: #ccc;\n$gray-4: #bbb;\n$gray-6: #878787;\n$gray-7: #767676;\n$gray-8: #515151;\n$gray-9: #313131;\n\n$white: #fff;\n$red: #ac4142;\n$orange: #d28445;\n$yellow: #f4bf75;\n$green: #90a959;\n$cyan: #75b5aa;\n$blue: #268bd2;\n$brown: #8f5536;\n\n//https://www.client9.com/css-system-font-stack-sans-serif-v3\n$root-font-family: \"IBM Plex Sans\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Droid Sans\", \"Ubuntu\", \"Helvetica Neue\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\",\"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n// poole's variables\n$root-font-size: 17px;\n$root-font-weight: 400;\n// golden ratio https://grtcalculator.com\n// 18px @ 33 px, 20px @ 33 px ~ 1.667em\n$root-line-height: 1.667em;\n\n$body-color: $gray-8;\n$body-bg: #fff;\n\n$border-color: #e5e5e5;\n\n$large-breakpoint: 38em;\n$large-font-size: 20px;\n//\n\n// hyde-hyde\n$small-device-font-size: $root-font-size;\n$large-device-font-size: $large-font-size;\n\n// https://www.client9.com/css-system-font-stack-monospace-v2\n$code-font-family: \"SF-Mono\", \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Roboto Mono\", \"Ubuntu Mono\", \"Courier New\", Courier, monospace;\n$code-font-size: .9rem;\n$code-fence-font-size: .9rem;\n$code-color: #bf616a;\n$code-background-color: #f9f2f4;\n$code-line-height: 1.4;\n\n// links\n$link-color: $blue;\n$link-hover-color: $body-color;\n\n// section\n$section__title-font-size: 2.15rem;\n\n// post\n$post__subtitle-font-size: 1.5rem;\n$gradient-color-1: #ff2c2c;\n$gradient-color-2: #7a5e91;\n\n// post meta\n$meta-font-size: .8rem;\n$meta-font-weight: 300;\n$meta-color: $gray-6;\n\n// post tags\n$tag-background-color: $gray-2;\n$tag-color: #606570;\n$tag-font-size: .667rem;\n\n// list of posts\n$item__date-color: #9a9a9a;\n$item__date-font-size: 1rem;\n$item__title-big-font-size: 1.785rem;\n\n// heading\n$heading-font-weight: 400;\n$h1-font-size: 2.15rem;\n$h1-line-height: 1.25;\n$h2-font-size: 1.85rem;\n$h3-font-size: 1.5rem;\n$h4-font-size:1.3rem;\n$h5-font-size:1rem;\n\n\n// sidebar\n$sidebar-color: #300030;\n$site__title-font-size: 3rem;\n$copyright-font-size: 0.7rem;\n\n// navigation\n$navigation-color: #c2255c;\n\n// portfolio\n$project__title-font-size: $h2-font-size;\n$project__subtitle-font-size-big: $h3-font-size;\n$project__subtitle-font-size-small: $h4-font-size;\n$project__subtitle-font-style: italic;\n$project__subtitle-color: #778492;\n$ribbon-color: #276582;\n$ribbon-background-color: #479fc8;\n"]}
|
||||||
1
static/css/print.min.css
vendored
1
static/css/print.min.css
vendored
|
|
@ -1 +0,0 @@
|
||||||
.sidebar{display:none!important}.container,.content{margin:0 auto;width:100%;float:none;display:initial}.container{padding-left:1rem;padding-right:1rem}
|
|
||||||
Loading…
Reference in a new issue