1
|
{"version":3,"sources":["webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_variables.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_normalize.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/style.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_base.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_utils.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_iconfont.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header/_logo.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header/_menu.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_animation.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_header.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_toc.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_content.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_code.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_copyright.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_reward.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_footer.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_pagination.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer/_social.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer/_copyright.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_archive.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_tags.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_categories.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_slideout.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_mobile.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_back-to-top.scss","webpack:///./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_404.scss"],"names":[],"mappings":"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7KZ,uDADC,Yd+Ka,Cc9Kd,wDADC,adgLe,Cc/KhB,wDADC,adiLe,CchLhB,iEADC,sBdkLiC,CcjLlC,yDADC,cdmLiB,CclLlB,wDADC,adoLe,CcnLhB,yDADC,cdqLiB,CcpLlB,yDADC,cdsLiB,CcrLlB,yDADC,cduLiB,CctLlB,sHADC,oBdyL6B,CcxL9B,6DADC,kBd0LyB,CczL1B,6DADC,kBd2LyB,Cc1L1B,+DADC,qBd4L8B,Cc3L/B,wDADC,ad6Le,Cc5LhB,yDADC,cd8LiB,Cc7LlB,2DADC,gBd+LqB,Cc9LtB,yDADC,cdgMiB,Cc/LlB,wDADC,adiMe,CchMhB,0DADC,edkMmB,CcjMpB,2DADC,gBdoMqB,CcnMtB,uDADC,YdqMa,CcpMd,2DADC,gBdsMqB,CcrMtB,4DADC,iBduMuB,CctMxB,2DADC,gBdwMqB,CcvMtB,yDADC,cdyMiB,CcxMlB,yDADC,cd0MiB,CczMlB,wDADC,ad2Me,Cc1MhB,2DADC,gBd4MqB,Cc3MtB,yDADC,cd6MiB,Cc5MlB,yDADC,cd8MiB,Cc7MlB,0DADC,ed+MmB,Cc9MpB,0DADC,edgNmB,Cc/MpB,+DADC,oBdiN6B,CchN9B,iHADC,cdmNiB,CclNlB,yDADC,cdoNiB,CcnNlB,yCAKC,SACA,sBAAuB,CACxB,uCAID,WACA,adhBU,CcsBX,2CAHG,SACA,qBAAsB,CACvB,qCAMD,WAAoC,CACrC,yGAGC,SACA,UACA,WACA,wBAAyB,CAC1B,oGAKG,ad2HY,Cc1Hb,+JAKC,adsHY,CcrHb,6TAQC,ad8GW,Cc7GZ,qQAOC,aduGU,CctGX,mUAQC,ad+Fc,Cc9Ff,uaAUC,adqFW,CcpFZ,wGAIC,adiFa,CchFd,mDAGC,kBd8EY,Cc7Eb,oDAGC,iBAAkB,CACnB,kDAGC,eAAiB,CAClB,kCDpED,iBAAkB,CACnB,+CAIG,cACA,gBACA,iDbhB6D,CaqB9D,qDAFG,+BbpEY,CaqEb,wBAKH,qBACA,cACA,yBACA,yBACA,4BACA,kBACA,0CAAkC,kCAClC,eACA,iBACA,2GACA,aAAc,CACf,gCAGC,WAAY,CACb,kCAIG,iBAAkB,CACnB,y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","file":"even.min.css","sourcesContent":["// ==============================\r\n// Variables\r\n// ==============================\r\n\r\n// ========== Theme Color ========== //\r\n// Config here to change theme color\r\n// Default | Mint Green | Cobalt Blue | Hot Pink | Dark Violet\r\n$theme-color-config: 'Default';\r\n\r\n// Default theme color map\r\n$theme-color-map: (\r\n 'Default': #c05b4d #f8f5ec,\r\n 'Mint Green': #16982B #f5f5f5,\r\n 'Cobalt Blue': #0047AB #f0f2f5,\r\n 'Hot Pink': #FF69B4 #f8f5f5,\r\n 'Dark Violet': #9932CC #f5f4fa\r\n);\r\n\r\n// Check theme color config.\r\n// if it does not exist, use default theme color.\r\n@if not(map-has-key($theme-color-map, $theme-color-config)) {\r\n $theme-color-config: 'Default';\r\n}\r\n$theme-color-list: map-get($theme-color-map, $theme-color-config);\r\n\r\n// Default theme color of the site.\r\n$theme-color: nth($theme-color-list, 1) !default;\r\n\r\n// Deputy theme color of the site.\r\n$deputy-color: nth($theme-color-list, 2) !default;\r\n\r\n\r\n// ========== Color ========== //\r\n$black: #0a0a0a !default;\r\n$white: #fefefe !default;\r\n$light-gray: #e6e6e6 !default;\r\n$gray: #cacaca !default;\r\n$dark-gray: #8a8a8a !default;\r\n\r\n\r\n// ========== Global ========== //\r\n// Text color of the body.\r\n$global-font-color: #34495e !default;\r\n\r\n// Font size attribute applied to '<html>' and '<body>'.\r\n$global-font-size: 16px !default;\r\n\r\n// Global width of '<body>'.\r\n$global-body-width: 800px !default;\r\n\r\n// Padding of container main\r\n$global-container-padding: 0 20px !default;\r\n\r\n// Default line height for all type. `$global-lineheight` is 24px while `$global-font-size` is 16px.\r\n$global-lineheight: 1.5 !default;\r\n\r\n// Font family of the site.\r\n$global-font-family: 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif !default;\r\n\r\n// Serif font family of the site.\r\n$global-serif-font-family: Athelas, STHeiti, Microsoft Yahei, serif !default;\r\n\r\n// Background color of the site.\r\n$global-background: $white !default;\r\n\r\n// Headings font size of the site.\r\n$global-headings: (\r\n h1: 26px,\r\n h2: 24px,\r\n h3: 20px,\r\n h4: 16px,\r\n h5: 14px,\r\n h6: 14px\r\n) !default;\r\n\r\n\r\n// ========== Header ========== //\r\n// Padding of the site header.\r\n$header-padding: 20px 20px !default;\r\n\r\n// Font family: Chancery\r\n@font-face {\r\n font-family: 'Chancery';\r\n src: url('../fonts/chancery/apple-chancery-webfont.eot');\r\n src: local('Apple Chancery'), url('../fonts/chancery/apple-chancery-webfont.eot?#iefix') format('embedded-opentype'),\r\n url('../fonts/chancery/apple-chancery-webfont.woff2') format('woff2'),\r\n url('../fonts/chancery/apple-chancery-webfont.woff') format('woff'),\r\n url('../fonts/chancery/apple-chancery-webfont.ttf') format('truetype'),\r\n url('../fonts/chancery/apple-chancery-webfont.svg#apple-chancery') format('svg');\r\n font-weight: lighter;\r\n font-style: normal;\r\n}\r\n\r\n// Font size of the logo.\r\n$logo-font-size: 48px !default;\r\n\r\n// Font family of the logo.\r\n$logo-font-family: 'Chancery', cursive, LiSu, sans-serif !default;\r\n\r\n// Margin of menu item.\r\n$menu-item-margin-left: 10px !default;\r\n\r\n// Margin of menu item in mobile.\r\n$menu-item-mobile-margin: 5px !default;\r\n\r\n// Font size of menu item link.\r\n$menu-link-font-size: 18px !default;\r\n\r\n// Height of the mobile header.\r\n$mobile-navbar-height: 50px !default;\r\n\r\n// ========== Post ========== //\r\n// Margin bottom of post list.\r\n$post-list-margin-bottom: 20px !default;\r\n\r\n// Padding of the post.\r\n$post-padding: 1.5em 0 !default;\r\n\r\n// Border top of the post + post.\r\n$post-border: 1px solid $light-gray !default;\r\n\r\n// Font size of post title.\r\n$post-title-font-size: 27px !default;\r\n\r\n// Font weight of post title.\r\n$post-title-font-weight: 400 !default;\r\n\r\n// Margin top of the post meta (post time).\r\n$post-meta-margin-top: 5px !default;\r\n\r\n// Font color of the post meta.\r\n$post-meta-font-color: $dark-gray !default;\r\n\r\n// Border bottom of the read more link when hover it.\r\n$post-readMore-border-bottom: 1px solid $theme-color !default;\r\n\r\n// Margin top of the post footer.\r\n$post-footer-margin-top: 20px !default;\r\n\r\n// Border top of post footer.\r\n$post-footer-border-top: 1px solid $light-gray !default;\r\n\r\n// Padding of the post tags.\r\n$post-tags-padding: 15px 0 !default;\r\n\r\n// Font size of post pagination.\r\n$post-nav-font-size: 18px !default;\r\n\r\n\r\n// ========== TOC ========== //\r\n// Width of the post toc.\r\n$post-toc-width: 200px !default;\r\n\r\n// Backgroud color of the post toc.\r\n$post-toc-backgroud: rgba($deputy-color, 0.6) !default;\r\n\r\n// Margin left of the post toc.\r\n$post-toc-margin-left: $global-body-width - 15px !default;\r\n\r\n// Font size of the post toc title.\r\n$post-toc-title-size: 20px !default;\r\n\r\n// Font size of the post toc content.\r\n$post-toc-content: 15px !default;\r\n\r\n// List style of the post toc list.\r\n$post-toc-list-style: square !default;\r\n\r\n// Max screen media of the post toc.\r\n$toc-max-sreen-width: 2 * $post-toc-width + $post-toc-margin-left !default;\r\n\r\n// ========== Content ========== //\r\n// Headings anchor.\r\n$content-headings-anchor: \"\" !default;\r\n\r\n// Border bottom of the link when hover it.\r\n$content-link-border: 1px solid $theme-color !default;\r\n\r\n// Background color of the blockquote.\r\n$content-blockquote-backgroud: rgba($theme-color, 0.05) !default;\r\n\r\n// Border left of the blockquote.\r\n$content-blockquote-border-left: 3px solid rgba($theme-color, 0.3) !default;\r\n\r\n// Border color of the table.\r\n$content-table-border-color: darken($deputy-color, 3%) !default;\r\n\r\n// ========== Code ========== //\r\n// Color of the code.\r\n$code-color: #c7254e !default;\r\n\r\n// Font size of code.\r\n$code-font-size: 13px !default;\r\n\r\n// Font family of the code.\r\n$code-font-family: Consolas, Monaco, Menlo, Consolas, monospace !default;\r\n\r\n// Color of code highlight, solarized.\r\n$code-highlight-color: (\r\n comment: #93a1a1,\r\n keyword: #859900,\r\n number: #2aa198,\r\n title: #268bd2,\r\n attribute: #b58900,\r\n symbol: #cb4b16,\r\n built_in: #dc322f,\r\n formula: #eee8d5\r\n) !default;\r\n\r\n// Code type list.\r\n$code-type-list: (\r\n // Custom code type\r\n language-bash: \"Bash\",\r\n language-c: \"C\",\r\n language-cs: \"C#\",\r\n language-cpp: \"C++\",\r\n language-css: \"CSS\",\r\n language-coffeescript: \"CoffeeScript\",\r\n language-html: \"HTML\",\r\n language-xml: \"XML\",\r\n language-http: \"HTTP\",\r\n language-json: \"JSON\",\r\n language-java: \"Java\",\r\n language-js: \"JavaScript\",\r\n language-javascript: \"JavaScript\",\r\n language-makefile: \"Makefile\",\r\n language-markdown: \"Markdown\",\r\n language-objectivec: \"Objective-C\",\r\n language-php: \"PHP\",\r\n language-perl: \"Perl\",\r\n language-python: \"Python\",\r\n language-ruby: \"Ruby\",\r\n language-sql: \"SQL\",\r\n language-shell: \"Shell\",\r\n\r\n language-erlang: \"Erlang\",\r\n language-go: \"Go\",\r\n language-groovy: \"Groovy\",\r\n language-haskell: \"Haskell\",\r\n language-kotlin: \"Kotlin\",\r\n language-less: \"Less\",\r\n language-lisp: \"Lisp\",\r\n language-lua: \"Lua\",\r\n language-matlab: \"Matlab\",\r\n language-rust: \"Rust\",\r\n language-scss: \"Scss\",\r\n language-scala: \"Scala\",\r\n language-swift: \"Swift\",\r\n language-typescript: \"TypeScript\",\r\n language-yml: \"YAML\",\r\n language-yaml: \"YAML\",\r\n language-toml: \"TOML\"\r\n) !default;\r\n\r\n// Color of the code background.\r\n$code-background: $deputy-color !default;\r\n\r\n\r\n// ========== Pagination ========== //\r\n// Margin of the pagination.\r\n$pagination-margin: 2em 0 !default;\r\n\r\n// Font size of the pagination (Without post, post pagination see line 140).\r\n$pagination-font-size: 20px !default;\r\n\r\n\r\n// ========== Footer ========== //\r\n// Margin top of the footer.\r\n$footer-margin-top: 2em !default;\r\n\r\n// Margin left of the social link.\r\n$social-link-margin-left: 10px !default;\r\n\r\n// Font size of the social icon.\r\n$social-icon-font-size: 30px !default;\r\n\r\n// Margin of the copyright.\r\n$copyright-margin: 10px 0 !default;\r\n\r\n\r\n// ========== Archive ========== //\r\n// Margin of the archive.\r\n$archive-margin: 2em 0px !default;\r\n\r\n// Max width of the archive.\r\n$archive-max-width: 550px !default;\r\n\r\n// Font size of the archive name.\r\n$archive-name-font-size: 30px !default;\r\n\r\n// Font size of the collection title.\r\n$collection-title-font-size: 28px !default;\r\n\r\n// Padding of the archive post.\r\n$archive-post-padding: 3px 20px !default;\r\n\r\n// Padding of the archive post in mobile.\r\n$archive-post-mobile-padding: 5px 10px !default;\r\n\r\n// Font size of the archive post time in mobile.\r\n$archive-post-mobile-time-font-size: 13px !default;\r\n\r\n// Border left of the archive post, use $archive-post-hover-border-left when hover it.\r\n$archive-post-border-left: 1px solid $gray !default;\r\n$archive-post-hover-border-left: 3px solid $theme-color !default;\r\n\r\n// Transition of the archive post when hover it.\r\n$archive-post-hover-transition: 0.2s ease-out !default;\r\n\r\n// Transform of the archive post when hover it.\r\n$archive-post-hover-transform: translateX(4px) !default;\r\n\r\n\r\n// ========== Tags ========== //\r\n// Font soze of the tag cloud title.\r\n$tag-cloud-title-size: 18px !default;\r\n\r\n// Border bottom of the tag cloud title.\r\n$tag-cloud-title-border-bottom: 2px solid $theme-color !default;\r\n\r\n// Margin of the tag cloud tags link.\r\n$tag-cloud-tags-link-margin: 5px 10px !default;\r\n\r\n\r\n// ========== Categories ========== //\r\n// Font soze of the categories title.\r\n$categories-title-size: 18px !default;\r\n\r\n// Border bottom of the categories title.\r\n$categories-title-border-bottom: 2px solid $theme-color !default;\r\n\r\n// Margin of the categories tags link.\r\n$categories-tags-link-margin: 5px 10px !default;\r\n\r\n// Font size of the category count\r\n$category-count-font-size: 12px !default;\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_variables.scss","/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\r\n\r\n/**\r\n * 1. Set default font family to sans-serif.\r\n * 2. Prevent iOS text size adjust after orientation change, without disabling\r\n * user zoom.\r\n */\r\n\r\nhtml {\r\n font-family: sans-serif; /* 1 */\r\n -ms-text-size-adjust: 100%; /* 2 */\r\n -webkit-text-size-adjust: 100%; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default margin.\r\n */\r\n\r\nbody {\r\n margin: 0;\r\n}\r\n\r\n/* HTML5 display definitions\r\n ========================================================================== */\r\n\r\n/**\r\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\r\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\r\n * and Firefox.\r\n * Correct `block` display not defined for `main` in IE 11.\r\n */\r\n\r\narticle,\r\naside,\r\ndetails,\r\nfigcaption,\r\nfigure,\r\nfooter,\r\nheader,\r\nhgroup,\r\nmain,\r\nmenu,\r\nnav,\r\nsection,\r\nsummary {\r\n display: block;\r\n}\r\n\r\n/**\r\n * 1. Correct `inline-block` display not defined in IE 8/9.\r\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n */\r\n\r\naudio,\r\ncanvas,\r\nprogress,\r\nvideo {\r\n display: inline-block; /* 1 */\r\n vertical-align: baseline; /* 2 */\r\n}\r\n\r\n/**\r\n * Prevent modern browsers from displaying `audio` without controls.\r\n * Remove excess height in iOS 5 devices.\r\n */\r\n\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n/**\r\n * Address `[hidden]` styling not present in IE 8/9/10.\r\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\r\n */\r\n\r\n[hidden],\r\ntemplate {\r\n display: none;\r\n}\r\n\r\n/* Links\r\n ========================================================================== */\r\n\r\n/**\r\n * Remove the gray background color from active links in IE 10.\r\n */\r\n\r\na {\r\n background-color: transparent;\r\n}\r\n\r\n/**\r\n * Improve readability when focused and also mouse hovered in all browsers.\r\n */\r\n\r\na:active,\r\na:hover {\r\n outline: 0;\r\n}\r\n\r\n/* Text-level semantics\r\n ========================================================================== */\r\n\r\n/**\r\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\r\n */\r\n\r\nabbr[title] {\r\n border-bottom: 1px dotted;\r\n}\r\n\r\n/**\r\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nb,\r\nstrong {\r\n font-weight: bold;\r\n}\r\n\r\n/**\r\n * Address styling not present in Safari and Chrome.\r\n */\r\n\r\ndfn {\r\n font-style: italic;\r\n}\r\n\r\n/**\r\n * Address variable `h1` font-size and margin within `section` and `article`\r\n * contexts in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nh1 {\r\n font-size: 2em;\r\n margin: 0.67em 0;\r\n}\r\n\r\n/**\r\n * Address styling not present in IE 8/9.\r\n */\r\n\r\nmark {\r\n background: #ff0;\r\n color: #000;\r\n}\r\n\r\n/**\r\n * Address inconsistent and variable font size in all browsers.\r\n */\r\n\r\nsmall {\r\n font-size: 80%;\r\n}\r\n\r\n/**\r\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\r\n */\r\n\r\nsub,\r\nsup {\r\n font-size: 75%;\r\n line-height: 0;\r\n position: relative;\r\n vertical-align: baseline;\r\n}\r\n\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\nsub {\r\n bottom: -0.25em;\r\n}\r\n\r\n/* Embedded content\r\n ========================================================================== */\r\n\r\n/**\r\n * Remove border when inside `a` element in IE 8/9/10.\r\n */\r\n\r\nimg {\r\n border: 0;\r\n}\r\n\r\n/**\r\n * Correct overflow not hidden in IE 9/10/11.\r\n */\r\n\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n\r\n/* Grouping content\r\n ========================================================================== */\r\n\r\n/**\r\n * Address margin not present in IE 8/9 and Safari.\r\n */\r\n\r\nfigure {\r\n margin: 1em 40px;\r\n}\r\n\r\n/**\r\n * Address differences between Firefox and other browsers.\r\n */\r\n\r\nhr {\r\n -moz-box-sizing: content-box;\r\n box-sizing: content-box;\r\n height: 0;\r\n}\r\n\r\n/**\r\n * Contain overflow in all browsers.\r\n */\r\n\r\npre {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * Address odd `em`-unit font size rendering in all browsers.\r\n */\r\n\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n font-family: monospace, monospace;\r\n font-size: 1em;\r\n}\r\n\r\n/* Forms\r\n ========================================================================== */\r\n\r\n/**\r\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\r\n * styling of `select`, unless a `border` property is set.\r\n */\r\n\r\n/**\r\n * 1. Correct color not being inherited.\r\n * Known issue: affects color of disabled elements.\r\n * 2. Correct font properties not being inherited.\r\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\r\n */\r\n\r\nbutton,\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n color: inherit; /* 1 */\r\n font: inherit; /* 2 */\r\n margin: 0; /* 3 */\r\n}\r\n\r\n/**\r\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\r\n */\r\n\r\nbutton {\r\n overflow: visible;\r\n}\r\n\r\n/**\r\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\r\n * All other form control elements do not inherit `text-transform` values.\r\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\r\n * Correct `select` style inheritance in Firefox.\r\n */\r\n\r\nbutton,\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\n/**\r\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\r\n * and `video` controls.\r\n * 2. Correct inability to style clickable `input` types in iOS.\r\n * 3. Improve usability and consistency of cursor style between image-type\r\n * `input` and others.\r\n */\r\n\r\nbutton,\r\nhtml input[type=\"button\"], /* 1 */\r\ninput[type=\"reset\"],\r\ninput[type=\"submit\"] {\r\n -webkit-appearance: button; /* 2 */\r\n cursor: pointer; /* 3 */\r\n}\r\n\r\n/**\r\n * Re-set default cursor for disabled elements.\r\n */\r\n\r\nbutton[disabled],\r\nhtml input[disabled] {\r\n cursor: default;\r\n}\r\n\r\n/**\r\n * Remove inner padding and border in Firefox 4+.\r\n */\r\n\r\nbutton::-moz-focus-inner,\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n/**\r\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\r\n * the UA stylesheet.\r\n */\r\n\r\ninput {\r\n line-height: normal;\r\n}\r\n\r\n/**\r\n * It's recommended that you don't attempt to style these elements.\r\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\r\n *\r\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\r\n * 2. Remove excess padding in IE 8/9/10.\r\n */\r\n\r\ninput[type=\"checkbox\"],\r\ninput[type=\"radio\"] {\r\n box-sizing: border-box; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\r\n * `font-size` values of the `input`, it causes the cursor style of the\r\n * decrement button to change from `default` to `text`.\r\n */\r\n\r\ninput[type=\"number\"]::-webkit-inner-spin-button,\r\ninput[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n/**\r\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\r\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\r\n * (include `-moz` to future-proof).\r\n */\r\n\r\ninput[type=\"search\"] {\r\n -webkit-appearance: textfield; /* 1 */\r\n -moz-box-sizing: content-box;\r\n -webkit-box-sizing: content-box; /* 2 */\r\n box-sizing: content-box;\r\n}\r\n\r\n/**\r\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\r\n * Safari (but not Chrome) clips the cancel button when the search input has\r\n * padding (and `textfield` appearance).\r\n */\r\n\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n/**\r\n * Define consistent border, margin, and padding.\r\n */\r\n\r\nfieldset {\r\n border: 1px solid #c0c0c0;\r\n margin: 0 2px;\r\n padding: 0.35em 0.625em 0.75em;\r\n}\r\n\r\n/**\r\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\r\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\r\n */\r\n\r\nlegend {\r\n border: 0; /* 1 */\r\n padding: 0; /* 2 */\r\n}\r\n\r\n/**\r\n * Remove default vertical scrollbar in IE 8/9/10/11.\r\n */\r\n\r\ntextarea {\r\n overflow: auto;\r\n}\r\n\r\n/**\r\n * Don't inherit the `font-weight` (applied by a rule above).\r\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\r\n */\r\n\r\noptgroup {\r\n font-weight: bold;\r\n}\r\n\r\n/* Tables\r\n ========================================================================== */\r\n\r\n/**\r\n * Remove most spacing between table cells.\r\n */\r\n\r\ntable {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n}\r\n\r\ntd,\r\nth {\r\n padding: 0;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_normalize.scss","@charset \"UTF-8\";\n@font-face {\n font-family: 'Chancery';\n src: url(\"../fonts/chancery/apple-chancery-webfont.eot\");\n src: local(\"Apple Chancery\"), url(\"../fonts/chancery/apple-chancery-webfont.eot?#iefix\") format(\"embedded-opentype\"), url(\"../fonts/chancery/apple-chancery-webfont.woff2\") format(\"woff2\"), url(\"../fonts/chancery/apple-chancery-webfont.woff\") format(\"woff\"), url(\"../fonts/chancery/apple-chancery-webfont.ttf\") format(\"truetype\"), url(\"../fonts/chancery/apple-chancery-webfont.svg#apple-chancery\") format(\"svg\");\n font-weight: lighter;\n font-style: normal; }\n\n/*! normalize.css v3.0.2 | MIT License | git.io/normalize */\n/**\r\n * 1. Set default font family to sans-serif.\r\n * 2. Prevent iOS text size adjust after orientation change, without disabling\r\n * user zoom.\r\n */\nhtml {\n font-family: sans-serif;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/**\r\n * Remove default margin.\r\n */\nbody {\n margin: 0; }\n\n/* HTML5 display definitions\r\n ========================================================================== */\n/**\r\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\r\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\r\n * and Firefox.\r\n * Correct `block` display not defined for `main` in IE 11.\r\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n display: block; }\n\n/**\r\n * 1. Correct `inline-block` display not defined in IE 8/9.\r\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\r\n */\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */ }\n\n/**\r\n * Prevent modern browsers from displaying `audio` without controls.\r\n * Remove excess height in iOS 5 devices.\r\n */\naudio:not([controls]) {\n display: none;\n height: 0; }\n\n/**\r\n * Address `[hidden]` styling not present in IE 8/9/10.\r\n * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.\r\n */\n[hidden],\ntemplate {\n display: none; }\n\n/* Links\r\n ========================================================================== */\n/**\r\n * Remove the gray background color from active links in IE 10.\r\n */\na {\n background-color: transparent; }\n\n/**\r\n * Improve readability when focused and also mouse hovered in all browsers.\r\n */\na:active,\na:hover {\n outline: 0; }\n\n/* Text-level semantics\r\n ========================================================================== */\n/**\r\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\r\n */\nabbr[title] {\n border-bottom: 1px dotted; }\n\n/**\r\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\r\n */\nb,\nstrong {\n font-weight: bold; }\n\n/**\r\n * Address styling not present in Safari and Chrome.\r\n */\ndfn {\n font-style: italic; }\n\n/**\r\n * Address variable `h1` font-size and margin within `section` and `article`\r\n * contexts in Firefox 4+, Safari, and Chrome.\r\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/**\r\n * Address styling not present in IE 8/9.\r\n */\nmark {\n background: #ff0;\n color: #000; }\n\n/**\r\n * Address inconsistent and variable font size in all browsers.\r\n */\nsmall {\n font-size: 80%; }\n\n/**\r\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\r\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsup {\n top: -0.5em; }\n\nsub {\n bottom: -0.25em; }\n\n/* Embedded content\r\n ========================================================================== */\n/**\r\n * Remove border when inside `a` element in IE 8/9/10.\r\n */\nimg {\n border: 0; }\n\n/**\r\n * Correct overflow not hidden in IE 9/10/11.\r\n */\nsvg:not(:root) {\n overflow: hidden; }\n\n/* Grouping content\r\n ========================================================================== */\n/**\r\n * Address margin not present in IE 8/9 and Safari.\r\n */\nfigure {\n margin: 1em 40px; }\n\n/**\r\n * Address differences between Firefox and other browsers.\r\n */\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0; }\n\n/**\r\n * Contain overflow in all browsers.\r\n */\npre {\n overflow: auto; }\n\n/**\r\n * Address odd `em`-unit font size rendering in all browsers.\r\n */\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em; }\n\n/* Forms\r\n ========================================================================== */\n/**\r\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\r\n * styling of `select`, unless a `border` property is set.\r\n */\n/**\r\n * 1. Correct color not being inherited.\r\n * Known issue: affects color of disabled elements.\r\n * 2. Correct font properties not being inherited.\r\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\r\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit;\n /* 1 */\n font: inherit;\n /* 2 */\n margin: 0;\n /* 3 */ }\n\n/**\r\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\r\n */\nbutton {\n overflow: visible; }\n\n/**\r\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\r\n * All other form control elements do not inherit `text-transform` values.\r\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\r\n * Correct `select` style inheritance in Firefox.\r\n */\nbutton,\nselect {\n text-transform: none; }\n\n/**\r\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\r\n * and `video` controls.\r\n * 2. Correct inability to style clickable `input` types in iOS.\r\n * 3. Improve usability and consistency of cursor style between image-type\r\n * `input` and others.\r\n */\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n cursor: pointer;\n /* 3 */ }\n\n/**\r\n * Re-set default cursor for disabled elements.\r\n */\nbutton[disabled],\nhtml input[disabled] {\n cursor: default; }\n\n/**\r\n * Remove inner padding and border in Firefox 4+.\r\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0; }\n\n/**\r\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\r\n * the UA stylesheet.\r\n */\ninput {\n line-height: normal; }\n\n/**\r\n * It's recommended that you don't attempt to style these elements.\r\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\r\n *\r\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\r\n * 2. Remove excess padding in IE 8/9/10.\r\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\r\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\r\n * `font-size` values of the `input`, it causes the cursor style of the\r\n * decrement button to change from `default` to `text`.\r\n */\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\r\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\r\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome\r\n * (include `-moz` to future-proof).\r\n */\ninput[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box;\n /* 2 */\n box-sizing: content-box; }\n\n/**\r\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\r\n * Safari (but not Chrome) clips the cancel button when the search input has\r\n * padding (and `textfield` appearance).\r\n */\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\r\n * Define consistent border, margin, and padding.\r\n */\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em; }\n\n/**\r\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\r\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\r\n */\nlegend {\n border: 0;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\r\n * Remove default vertical scrollbar in IE 8/9/10/11.\r\n */\ntextarea {\n overflow: auto; }\n\n/**\r\n * Don't inherit the `font-weight` (applied by a rule above).\r\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\r\n */\noptgroup {\n font-weight: bold; }\n\n/* Tables\r\n ========================================================================== */\n/**\r\n * Remove most spacing between table cells.\r\n */\ntable {\n border-collapse: collapse;\n border-spacing: 0; }\n\ntd,\nth {\n padding: 0; }\n\nhtml {\n font-size: 16px;\n box-sizing: border-box; }\n\nbody {\n padding: 0;\n margin: 0;\n font-family: \"Source Sans Pro\", \"Helvetica Neue\", Arial, sans-serif;\n font-weight: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.5;\n color: #34495e;\n background: #fefefe;\n scroll-behavior: smooth;\n border-top: 3px solid #c05b4d; }\n\n@media screen and (max-width: 800px) {\n body {\n border-top: 0; } }\n\n::selection {\n background: #c05b4d;\n color: #fff; }\n\nimg {\n max-width: 100%;\n height: auto;\n display: inline-block;\n vertical-align: middle; }\n\na {\n color: #34495e;\n text-decoration: none; }\n\nh1 {\n font-size: 26px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh2 {\n font-size: 24px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh3 {\n font-size: 20px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh4 {\n font-size: 16px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh5 {\n font-size: 14px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\nh6 {\n font-size: 14px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n\n.container {\n margin: 0 auto;\n width: 800px; }\n\n@media screen and (max-width: 800px) {\n .container {\n width: 100%;\n box-shadow: -1px -5px 5px #cacaca; } }\n\n.content-wrapper {\n padding: 0 20px; }\n\n.video-container {\n position: relative;\n padding-bottom: 56.25%;\n /* 16:9 */\n padding-top: 25px;\n height: 0; }\n\n.video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n@font-face {\n font-family: 'iconfont';\n /* project id 96542 */\n src: url(\"../fonts/iconfont/iconfont.eot\");\n src: url(\"../fonts/iconfont/iconfont.eot#iefix\") format(\"embedded-opentype\"), url(\"../fonts/iconfont/iconfont.woff\") format(\"woff\"), url(\"../fonts/iconfont/iconfont.ttf\") format(\"truetype\"), url(\"../fonts/iconfont/iconfont.svg#iconfont\") format(\"svg\"); }\n\n.iconfont {\n font-family: \"iconfont\" !important;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke-width: 0.2px;\n -moz-osx-font-smoothing: grayscale;\n cursor: pointer; }\n\n.icon-instagram:before {\n font-size: .95em;\n content: \"\\e611\";\n position: relative;\n top: -1px; }\n\n.icon-douban:before {\n content: \"\\e610\"; }\n\n.icon-tumblr:before {\n content: \"\\e69f\";\n font-size: .85em;\n position: relative;\n top: -4px; }\n\n.icon-linkedin:before {\n content: \"\\e60d\";\n position: relative;\n top: -4px; }\n\n.icon-twitter:before {\n content: \"\\e600\"; }\n\n.icon-weibo:before {\n content: \"\\e602\"; }\n\n.icon-stack-overflow:before {\n content: \"\\e603\";\n font-size: .85em;\n position: relative;\n top: -4px; }\n\n.icon-email:before {\n content: \"\\e605\";\n position: relative;\n top: -2px; }\n\n.icon-facebook:before {\n content: \"\\e601\";\n font-size: .95em;\n position: relative;\n top: -2px; }\n\n.icon-github:before {\n content: \"\\e606\";\n position: relative;\n top: -3px; }\n\n.icon-rss:before {\n content: \"\\e604\"; }\n\n.icon-google:before {\n content: \"\\e609\"; }\n\n.icon-zhihu:before {\n content: \"\\e607\";\n font-size: .9em;\n position: relative;\n top: -2px; }\n\n.icon-pocket:before {\n content: \"\\e856\"; }\n\n/* Generic Icon */\n.icon-heart:before {\n content: \"\\e608\"; }\n\n.icon-right:before {\n content: \"\\e60a\"; }\n\n.icon-left:before {\n content: \"\\e60b\"; }\n\n.icon-up:before {\n content: \"\\e60c\"; }\n\n.icon-close:before {\n content: \"\\e60f\"; }\n\n.header {\n padding: 20px 20px; }\n .header:before, .header:after {\n content: \" \";\n display: table; }\n .header:after {\n clear: both; }\n .header .logo-wrapper {\n float: left; }\n .header .logo-wrapper .logo {\n font-size: 48px;\n font-family: \"Chancery\", cursive, LiSu, sans-serif; }\n @media screen and (max-width: 800px) {\n .header .logo-wrapper {\n display: none; } }\n .header .site-navbar {\n float: right; }\n .header .site-navbar .menu {\n display: inline-block;\n position: relative;\n padding-left: 0;\n padding-right: 25px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .header .site-navbar .menu .menu-item {\n display: inline-block;\n display: inline-block;\n vertical-align: middle;\n transform: translateZ(0);\n backface-visibility: hidden;\n box-shadow: 0 0 1px transparent;\n position: relative;\n overflow: hidden; }\n .header .site-navbar .menu .menu-item + .menu-item {\n margin-left: 10px; }\n .header .site-navbar .menu .menu-item:before {\n content: '';\n position: absolute;\n z-index: -1;\n height: 2px;\n bottom: 0;\n left: 51%;\n right: 51%;\n background: #c05b4d;\n transition-duration: 0.2s;\n transition-property: right, left;\n transition-timing-function: ease-out; }\n .header .site-navbar .menu .menu-item.active:before, .header .site-navbar .menu .menu-item:active:before, .header .site-navbar .menu .menu-item:focus:before, .header .site-navbar .menu .menu-item:hover:before {\n right: 0;\n left: 0; }\n .header .site-navbar .menu .menu-item-link {\n font-size: 18px; }\n @media screen and (max-width: 800px) {\n .header .site-navbar {\n display: none; } }\n\n@media screen and (max-width: 800px) {\n .header {\n padding: 50px 0 0;\n text-align: center; } }\n\n.posts {\n margin-bottom: 20px;\n border-bottom: 1px solid #e6e6e6; }\n\n.post {\n padding: 1.5em 0; }\n .post + .post {\n border-top: 1px solid #e6e6e6; }\n .post .post-header {\n margin-bottom: 20px; }\n .post .post-header .post-title {\n margin: 0;\n font-size: 27px;\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-header .post-link {\n display: inline-block;\n vertical-align: middle;\n transform: translateZ(0);\n backface-visibility: hidden;\n box-shadow: 0 0 1px transparent;\n position: relative;\n overflow: hidden; }\n .post .post-header .post-link:before {\n content: '';\n position: absolute;\n z-index: -1;\n height: 2px;\n bottom: 0;\n left: 51%;\n right: 51%;\n background: #c05b4d;\n transition-duration: 0.2s;\n transition-property: right, left;\n transition-timing-function: ease-out; }\n .post .post-header .post-link.active:before, .post .post-header .post-link:active:before, .post .post-header .post-link:focus:before, .post .post-header .post-link:hover:before {\n right: 0;\n left: 0; }\n .post .post-header .post-meta {\n font-size: 14px;\n color: #8a8a8a; }\n .post .post-header .post-meta .post-time {\n font-size: 15px; }\n .post .post-header .post-meta .post-category {\n display: inline; }\n .post .post-header .post-meta .post-category a {\n color: inherit; }\n .post .post-header .post-meta .post-category a::before {\n content: '·'; }\n .post .post-header .post-meta .post-category a:hover {\n color: #c05b4d; }\n .post .post-header .post-meta .more-meta::before {\n content: '·'; }\n .post .post-toc {\n position: absolute;\n width: 200px;\n margin-left: 785px;\n padding: 10px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n border-radius: 5px;\n background: rgba(248, 245, 236, 0.6);\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);\n word-wrap: break-word;\n box-sizing: border-box; }\n .post .post-toc .post-toc-title {\n margin: 0 10px;\n font-size: 20px;\n font-weight: 400;\n text-transform: uppercase; }\n .post .post-toc .post-toc-content {\n font-size: 15px; }\n .post .post-toc .post-toc-content.always-active ul {\n display: block; }\n .post .post-toc .post-toc-content > nav > ul {\n margin: 10px 0; }\n .post .post-toc .post-toc-content ul {\n padding-left: 20px;\n list-style: square; }\n .post .post-toc .post-toc-content ul ul {\n padding-left: 15px;\n display: none; }\n .post .post-toc .post-toc-content ul .has-active > ul {\n display: block; }\n .post .post-toc .post-toc-content .toc-link.active {\n color: #c05b4d; }\n @media screen and (max-width: 1185px) {\n .post .post-toc {\n display: none; } }\n .post .post-content {\n word-wrap: break-word; }\n .post .post-content h1 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h2 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h3 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h4 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h5 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content h6 {\n font-weight: 400;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content a {\n color: #c05b4d;\n word-break: break-all; }\n .post .post-content a:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-content a.fancybox {\n border: 0; }\n .post .post-content blockquote {\n margin: 2em 0;\n padding: 10px 20px;\n position: relative;\n color: rgba(52, 73, 94, 0.8);\n background-color: rgba(192, 91, 77, 0.05);\n border-left: 3px solid rgba(192, 91, 77, 0.3);\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125); }\n .post .post-content blockquote p {\n margin: 0; }\n .post .post-content img {\n display: inline-block;\n max-width: 100%; }\n .post .post-content > table {\n max-width: 100%;\n margin: 10px 0;\n border-spacing: 0;\n box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.125); }\n .post .post-content > table thead {\n background: #f8f5ec; }\n .post .post-content > table th, .post .post-content > table td {\n padding: 5px 15px;\n border: 1px double #f4efe1; }\n .post .post-content > table tr:hover {\n background-color: #f8f5ec; }\n .post .post-content code, .post .post-content pre {\n padding: 7px;\n font-size: 13px;\n font-family: Consolas, Monaco, Menlo, Consolas, monospace;\n background: #f8f5ec; }\n .post .post-content code {\n padding: 3px 5px;\n border-radius: 4px;\n color: #c7254e; }\n .post .post-content .highlight {\n margin: 1em 0;\n border-radius: 5px;\n overflow-x: auto;\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125);\n position: relative; }\n .post .post-content .highlight table {\n position: relative; }\n .post .post-content .highlight table::after {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n padding: 2px 7px;\n font-size: 13px;\n font-weight: bold;\n color: #b1b1b1;\n background: #f4efe1;\n content: 'Code'; }\n .post .post-content .highlight.language-bash > table::after {\n content: \"Bash\"; }\n .post .post-content .highlight.language-c > table::after {\n content: \"C\"; }\n .post .post-content .highlight.language-cs > table::after {\n content: \"C#\"; }\n .post .post-content .highlight.language-cpp > table::after {\n content: \"C++\"; }\n .post .post-content .highlight.language-css > table::after {\n content: \"CSS\"; }\n .post .post-content .highlight.language-coffeescript > table::after {\n content: \"CoffeeScript\"; }\n .post .post-content .highlight.language-html > table::after {\n content: \"HTML\"; }\n .post .post-content .highlight.language-xml > table::after {\n content: \"XML\"; }\n .post .post-content .highlight.language-http > table::after {\n content: \"HTTP\"; }\n .post .post-content .highlight.language-json > table::after {\n content: \"JSON\"; }\n .post .post-content .highlight.language-java > table::after {\n content: \"Java\"; }\n .post .post-content .highlight.language-js > table::after {\n content: \"JavaScript\"; }\n .post .post-content .highlight.language-javascript > table::after {\n content: \"JavaScript\"; }\n .post .post-content .highlight.language-makefile > table::after {\n content: \"Makefile\"; }\n .post .post-content .highlight.language-markdown > table::after {\n content: \"Markdown\"; }\n .post .post-content .highlight.language-objectivec > table::after {\n content: \"Objective-C\"; }\n .post .post-content .highlight.language-php > table::after {\n content: \"PHP\"; }\n .post .post-content .highlight.language-perl > table::after {\n content: \"Perl\"; }\n .post .post-content .highlight.language-python > table::after {\n content: \"Python\"; }\n .post .post-content .highlight.language-ruby > table::after {\n content: \"Ruby\"; }\n .post .post-content .highlight.language-sql > table::after {\n content: \"SQL\"; }\n .post .post-content .highlight.language-shell > table::after {\n content: \"Shell\"; }\n .post .post-content .highlight.language-erlang > table::after {\n content: \"Erlang\"; }\n .post .post-content .highlight.language-go > table::after {\n content: \"Go\"; }\n .post .post-content .highlight.language-groovy > table::after {\n content: \"Groovy\"; }\n .post .post-content .highlight.language-haskell > table::after {\n content: \"Haskell\"; }\n .post .post-content .highlight.language-kotlin > table::after {\n content: \"Kotlin\"; }\n .post .post-content .highlight.language-less > table::after {\n content: \"Less\"; }\n .post .post-content .highlight.language-lisp > table::after {\n content: \"Lisp\"; }\n .post .post-content .highlight.language-lua > table::after {\n content: \"Lua\"; }\n .post .post-content .highlight.language-matlab > table::after {\n content: \"Matlab\"; }\n .post .post-content .highlight.language-rust > table::after {\n content: \"Rust\"; }\n .post .post-content .highlight.language-scss > table::after {\n content: \"Scss\"; }\n .post .post-content .highlight.language-scala > table::after {\n content: \"Scala\"; }\n .post .post-content .highlight.language-swift > table::after {\n content: \"Swift\"; }\n .post .post-content .highlight.language-typescript > table::after {\n content: \"TypeScript\"; }\n .post .post-content .highlight.language-yml > table::after {\n content: \"YAML\"; }\n .post .post-content .highlight.language-yaml > table::after {\n content: \"YAML\"; }\n .post .post-content .highlight.language-toml > table::after {\n content: \"TOML\"; }\n .post .post-content .highlight .code pre {\n margin: 0;\n padding: 30px 10px 10px; }\n .post .post-content .highlight .gutter {\n width: 10px;\n color: #cacaca; }\n .post .post-content .highlight .gutter pre {\n margin: 0;\n padding: 30px 7px 10px; }\n .post .post-content .highlight .line {\n height: 20px; }\n .post .post-content .highlight table, .post .post-content .highlight tr, .post .post-content .highlight td {\n margin: 0;\n padding: 0;\n width: 100%;\n border-collapse: collapse; }\n .post .post-content .highlight .code .hljs-comment,\n .post .post-content .highlight .code .hljs-quote {\n color: #93a1a1; }\n .post .post-content .highlight .code .hljs-keyword,\n .post .post-content .highlight .code .hljs-selector-tag,\n .post .post-content .highlight .code .hljs-addition {\n color: #859900; }\n .post .post-content .highlight .code .hljs-number,\n .post .post-content .highlight .code .hljs-string,\n .post .post-content .highlight .code .hljs-meta .hljs-meta-string,\n .post .post-content .highlight .code .hljs-literal,\n .post .post-content .highlight .code .hljs-doctag,\n .post .post-content .highlight .code .hljs-regexp {\n color: #2aa198; }\n .post .post-content .highlight .code .hljs-title,\n .post .post-content .highlight .code .hljs-section,\n .post .post-content .highlight .code .hljs-name,\n .post .post-content .highlight .code .hljs-selector-id,\n .post .post-content .highlight .code .hljs-selector-class {\n color: #268bd2; }\n .post .post-content .highlight .code .hljs-attribute,\n .post .post-content .highlight .code .hljs-attr,\n .post .post-content .highlight .code .hljs-variable,\n .post .post-content .highlight .code .hljs-template-variable,\n .post .post-content .highlight .code .hljs-class .hljs-title,\n .post .post-content .highlight .code .hljs-type {\n color: #b58900; }\n .post .post-content .highlight .code .hljs-symbol,\n .post .post-content .highlight .code .hljs-bullet,\n .post .post-content .highlight .code .hljs-subst,\n .post .post-content .highlight .code .hljs-meta,\n .post .post-content .highlight .code .hljs-meta .hljs-keyword,\n .post .post-content .highlight .code .hljs-selector-attr,\n .post .post-content .highlight .code .hljs-selector-pseudo,\n .post .post-content .highlight .code .hljs-link {\n color: #cb4b16; }\n .post .post-content .highlight .code .hljs-built_in,\n .post .post-content .highlight .code .hljs-deletion {\n color: #dc322f; }\n .post .post-content .highlight .code .hljs-formula {\n background: #eee8d5; }\n .post .post-content .highlight .code .hljs-emphasis {\n font-style: italic; }\n .post .post-content .highlight .code .hljs-strong {\n font-weight: bold; }\n .post .post-content .post-summary {\n margin-bottom: 1em; }\n .post .post-content .read-more .read-more-link {\n color: #c05b4d;\n font-size: 1.1em;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-content .read-more .read-more-link:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-content kbd {\n display: inline-block;\n padding: 0.25em;\n background-color: #fafafa;\n border: 1px solid #dbdbdb;\n border-bottom-color: #b5b5b5;\n border-radius: 3px;\n box-shadow: inset 0 -1px 0 #b5b5b5;\n font-size: 0.8em;\n line-height: 1.25;\n font-family: \"SFMono-Regular\",\"Liberation Mono\",\"Roboto Mono\",Menlo,Monaco,Consolas,\"Courier New\",Courier,monospace;\n color: #4a4a4a; }\n .post .post-content dl dt::after {\n content: ':'; }\n .post .post-content figure.center {\n text-align: center; }\n .post .post-content figure figcaption h4 {\n color: #b5b5b5;\n font-size: 0.9rem; }\n .post .post-content .task-list {\n list-style: none;\n padding-left: 1.5rem; }\n .post .post-copyright {\n margin-top: 20px;\n padding-top: 10px;\n border-top: 1px dashed #e6e6e6; }\n .post .post-copyright .copyright-item {\n margin: 5px 0; }\n .post .post-copyright .copyright-item a {\n color: #c05b4d;\n word-wrap: break-word; }\n .post .post-copyright .copyright-item a:hover {\n border-bottom: 1px solid #c05b4d; }\n .post .post-copyright .copyright-item .item-title {\n display: inline-block;\n min-width: 5rem;\n margin-right: .5rem;\n text-align: right; }\n .post .post-copyright .copyright-item .item-title:after {\n content: \" :\"; }\n .post .post-reward {\n margin-top: 20px;\n padding-top: 10px;\n text-align: center;\n border-top: 1px dashed #e6e6e6; }\n .post .post-reward .reward-button {\n margin: 15px 0;\n padding: 3px 7px;\n display: inline-block;\n color: #c05b4d;\n border: 1px solid #c05b4d;\n border-radius: 5px;\n cursor: pointer; }\n .post .post-reward .reward-button:hover {\n color: #fefefe;\n background-color: #c05b4d;\n transition: 0.5s; }\n .post .post-reward #reward:checked ~ .qr-code {\n display: block; }\n .post .post-reward #reward:checked ~ .reward-button {\n display: none; }\n .post .post-reward .qr-code {\n display: none; }\n .post .post-reward .qr-code .qr-code-image {\n display: inline-block;\n min-width: 200px;\n width: 40%;\n margin-top: 15px; }\n .post .post-reward .qr-code .qr-code-image span {\n display: inline-block;\n width: 100%;\n margin: 8px 0; }\n .post .post-reward .qr-code .image {\n width: 200px;\n height: 200px; }\n .post .post-footer {\n margin-top: 20px;\n border-top: 1px solid #e6e6e6;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .post .post-footer .post-tags {\n padding: 15px 0; }\n .post .post-footer .post-tags a {\n margin-right: 5px;\n color: #c05b4d;\n word-break: break-all; }\n .post .post-footer .post-tags a::before {\n content: '#'; }\n .post .post-footer .post-nav {\n margin: 1em 0; }\n .post .post-footer .post-nav:before, .post .post-footer .post-nav:after {\n content: \" \";\n display: table; }\n .post .post-footer .post-nav:after {\n clear: both; }\n .post .post-footer .post-nav .prev,\n .post .post-footer .post-nav .next {\n font-weight: 600;\n font-size: 18px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s; }\n .post .post-footer .post-nav .prev {\n float: left; }\n .post .post-footer .post-nav .prev:hover {\n color: #c05b4d;\n transform: translateX(-4px); }\n .post .post-footer .post-nav .next {\n float: right; }\n .post .post-footer .post-nav .next:hover {\n color: #c05b4d;\n transform: translateX(4px); }\n .post .post-footer .post-nav .nav-mobile {\n display: none; }\n @media screen and (max-width: 800px) {\n .post .post-footer .post-nav .nav-default {\n display: none; }\n .post .post-footer .post-nav .nav-mobile {\n display: inline; } }\n\n.pagination {\n margin: 2em 0; }\n .pagination:before, .pagination:after {\n content: \" \";\n display: table; }\n .pagination:after {\n clear: both; }\n .pagination .prev,\n .pagination .next {\n font-weight: 600;\n font-size: 20px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s; }\n .pagination .prev {\n float: left; }\n .pagination .prev:hover {\n color: #c05b4d;\n transform: translateX(-4px); }\n .pagination .next {\n float: right; }\n .pagination .next:hover {\n color: #c05b4d;\n transform: translateX(4px); }\n\n.footer {\n margin-top: 2em; }\n .footer .social-links {\n text-align: center; }\n .footer .social-links .iconfont {\n font-size: 30px; }\n .footer .social-links .iconfont + .iconfont {\n margin-left: 10px; }\n .footer .social-links .iconfont:hover {\n color: #c05b4d; }\n .footer .copyright {\n margin: 10px 0;\n color: #8a8a8a;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .footer .copyright .hexo-link,\n .footer .copyright .theme-link {\n color: #c05b4d; }\n .footer .copyright .copyright-year {\n display: block; }\n .footer .copyright .copyright-year .heart {\n font-size: 14px; }\n\n.archive {\n margin: 2em 0px;\n max-width: 550px; }\n .archive .archive-title {\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .archive .archive-title.tag, .archive .archive-title.category {\n margin: 15px 0; }\n .archive .archive-title .archive-name {\n margin: 0;\n display: inline-block;\n font-weight: 400;\n font-size: 30px;\n line-height: 32px; }\n .archive .archive-title .archive-post-counter {\n display: none;\n color: #8a8a8a; }\n .archive .collection-title {\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .archive .collection-title .archive-year {\n margin: 15px 0;\n font-weight: 400;\n font-size: 28px;\n line-height: 30px; }\n .archive .archive-post {\n padding: 3px 20px;\n border-left: 1px solid #cacaca; }\n .archive .archive-post .archive-post-time {\n margin-right: 10px;\n color: #8a8a8a; }\n .archive .archive-post .archive-post-title .archive-post-link {\n color: #c05b4d; }\n .archive .archive-post::first-child {\n margin-top: 10px; }\n .archive .archive-post:hover {\n border-left: 3px solid #c05b4d;\n transition: 0.2s ease-out;\n transform: translateX(4px); }\n .archive .archive-post:hover .archive-post-time {\n color: #717171; }\n .archive .archive-post:hover .archive-post-title .archive-post-link {\n color: #a14639; }\n\n@media screen and (max-width: 800px) {\n .archive {\n margin-left: auto;\n margin-right: auto; }\n .archive .archive-title .archive-name {\n font-size: 26px; }\n .archive .collection-title .archive-year {\n margin: 10px 0;\n font-size: 24px; }\n .archive .archive-post {\n padding: 5px 10px; }\n .archive .archive-post .archive-post-time {\n font-size: 13px;\n display: block; } }\n\n.tag-cloud {\n margin: 2em 0 3em;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .tag-cloud .tag-cloud-title {\n display: inline-block;\n font-size: 18px;\n color: #c05b4d;\n border-bottom: 2px solid #c05b4d; }\n .tag-cloud .tag-cloud-tags {\n margin: 10px 0; }\n .tag-cloud .tag-cloud-tags a {\n display: inline-block;\n position: relative;\n margin: 5px 10px;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out; }\n .tag-cloud .tag-cloud-tags a .tag-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: #c05b4d;\n font-size: 12px; }\n .tag-cloud .tag-cloud-tags a:active, .tag-cloud .tag-cloud-tags a:focus, .tag-cloud .tag-cloud-tags a:hover {\n color: #c05b4d;\n transform: scale(1.1); }\n\n.categories {\n margin: 2em 0 3em;\n text-align: center;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .categories .categories-title {\n display: inline-block;\n font-size: 18px;\n color: #c05b4d;\n border-bottom: 2px solid #c05b4d; }\n .categories .categories-tags {\n margin: 10px 0; }\n .categories .categories-tags .category-link {\n display: inline-block;\n position: relative;\n margin: 5px 10px;\n word-wrap: break-word;\n transition-duration: 0.2s;\n transition-property: transform;\n transition-timing-function: ease-out; }\n .categories .categories-tags .category-link .category-count {\n display: inline-block;\n position: relative;\n top: -8px;\n right: -2px;\n color: #c05b4d;\n font-size: 12px; }\n .categories .categories-tags .category-link:active, .categories .categories-tags .category-link:focus, .categories .categories-tags .category-link:hover {\n color: #c05b4d;\n transform: scale(1.1); }\n\n.slideout-menu {\n position: fixed;\n top: 0;\n left: 0px;\n bottom: 0;\n width: 180px;\n min-height: 100vh;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n z-index: 0;\n display: none; }\n\n.slideout-panel {\n position: relative;\n z-index: 1;\n background-color: #fefefe;\n min-height: 100vh; }\n\n.slideout-open,\n.slideout-open body,\n.slideout-open .slideout-panel {\n overflow: hidden; }\n\n.slideout-open .slideout-menu {\n display: block; }\n\n.mobile-navbar {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 50px;\n background: #fefefe;\n box-shadow: 0px 2px 2px #cacaca;\n text-align: center;\n transition: transform 300ms ease;\n z-index: 99; }\n .mobile-navbar.fixed-open {\n transform: translate3d(180px, 0px, 0px); }\n .mobile-navbar .mobile-header-logo {\n display: inline-block;\n margin-right: 50px; }\n .mobile-navbar .mobile-header-logo .logo {\n font-size: 22px;\n line-height: 50px;\n font-family: \"Chancery\", cursive, LiSu, sans-serif; }\n .mobile-navbar .mobile-navbar-icon {\n color: #c05b4d;\n height: 50px;\n width: 50px;\n font-size: 24px;\n text-align: center;\n float: left;\n position: relative;\n transition: background 0.5s; }\n\n@keyframes clickfirst {\n 0% {\n transform: translateY(6px) rotate(0deg); }\n 100% {\n transform: translateY(0) rotate(45deg); } }\n\n@keyframes clickmid {\n 0% {\n opacity: 1; }\n 100% {\n opacity: 0; } }\n\n@keyframes clicklast {\n 0% {\n transform: translateY(-6px) rotate(0deg); }\n 100% {\n transform: translateY(0) rotate(-45deg); } }\n\n@keyframes outfirst {\n 0% {\n transform: translateY(0) rotate(-45deg); }\n 100% {\n transform: translateY(-6px) rotate(0deg); } }\n\n@keyframes outmid {\n 0% {\n opacity: 0; }\n 100% {\n opacity: 1; } }\n\n@keyframes outlast {\n 0% {\n transform: translateY(0) rotate(45deg); }\n 100% {\n transform: translateY(6px) rotate(0deg); } }\n .mobile-navbar .mobile-navbar-icon span {\n position: absolute;\n /* fallback for browsers which still doesn't support for `calc()` */\n left: 15px;\n top: 25px;\n left: calc((100% - 20px) / 2);\n top: calc((100% - 1px) / 2);\n width: 20px;\n height: 1px;\n background-color: #c05b4d; }\n .mobile-navbar .mobile-navbar-icon span:nth-child(1) {\n transform: translateY(6px) rotate(0deg); }\n .mobile-navbar .mobile-navbar-icon span:nth-child(3) {\n transform: translateY(-6px) rotate(0deg); }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clickfirst; }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: clickmid; }\n .mobile-navbar .mobile-navbar-icon.icon-click span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: clicklast; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(1) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outfirst; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(2) {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-name: outmid; }\n .mobile-navbar .mobile-navbar-icon.icon-out span:nth-child(3) {\n animation-duration: 0.5s;\n animation-fill-mode: both;\n animation-name: outlast; }\n\n.mobile-menu {\n background-color: rgba(248, 245, 236, 0.5); }\n .mobile-menu .mobile-menu-list {\n position: relative;\n list-style: none;\n margin-top: 50px;\n padding: 0;\n border-top: 1px solid #f8f5ec; }\n .mobile-menu .mobile-menu-list .mobile-menu-item {\n padding: 10px 30px;\n border-bottom: 1px solid #f8f5ec; }\n .mobile-menu .mobile-menu-list a {\n font-size: 18px;\n font-family: Athelas, STHeiti, Microsoft Yahei, serif; }\n .mobile-menu .mobile-menu-list a:hover {\n color: #c05b4d; }\n\n@media screen and (max-width: 800px) {\n .mobile-navbar {\n display: block; } }\n\n.back-to-top {\n display: none;\n position: fixed;\n right: 20px;\n bottom: 20px;\n transition-property: transform;\n transition-timing-function: ease-out;\n transition-duration: 0.3s;\n z-index: 10; }\n .back-to-top:hover {\n transform: translateY(-5px); }\n\n@media screen and (max-width: 800px) {\n .back-to-top {\n display: none !important; } }\n\n.not-found {\n text-align: center; }\n .not-found .error-emoji {\n color: #363636;\n font-size: 3rem; }\n .not-found .error-text {\n color: #797979;\n font-size: 1.25rem; }\n .not-found .error-link {\n margin-top: 2rem; }\n .not-found .error-link a {\n color: #c05b4d; }\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/style.scss","@import '_common/normalize';\r\n\r\nhtml {\r\n font-size: $global-font-size;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n padding: 0;\r\n margin: 0;\r\n font-family: $global-font-family;\r\n font-weight: normal;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n line-height: $global-lineheight;\r\n color: $global-font-color;\r\n background: $global-background;\r\n scroll-behavior: smooth;\r\n border-top: 3px solid $theme-color;\r\n}\r\n\r\n@include max-screen() {\r\n body {\r\n border-top: 0;\r\n }\r\n}\r\n\r\n::selection {\r\n background: $theme-color;\r\n color: #fff; \r\n}\r\n\r\n// ::-webkit-scrollbar {\r\n// width: 8px;\r\n// height: 6px; \r\n// }\r\n\r\n// ::-webkit-scrollbar-thumb {\r\n// background: lighten($theme-color, 10%);\r\n// border-radius: 5px;\r\n// }\r\n\r\n// ::-webkit-scrollbar-track {\r\n// background: rgba(211, 211, 211, 0.4);\r\n// border-radius: 5px;\r\n// }\r\n\r\nimg {\r\n max-width: 100%;\r\n height: auto;\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\na {\r\n color: $global-font-color;\r\n text-decoration: none;\r\n}\r\n\r\n@each $header, $size in $global-headings {\r\n #{$header} {\r\n font-size: $size;\r\n font-family: $global-serif-font-family;\r\n }\r\n}\r\n\r\n.container {\r\n margin: 0 auto;\r\n width: $global-body-width;\r\n}\r\n\r\n@include max-screen() {\r\n .container {\r\n width: 100%;\r\n box-shadow: -1px -5px 5px $gray;\r\n }\r\n}\r\n\r\n.content-wrapper {\r\n padding: $global-container-padding;\r\n}\r\n\r\n// make video fluid:\r\n// https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php\r\n// class video-container is the wrapper used by hexo youtube tag plugin\r\n.video-container {\r\n\tposition: relative;\r\n\tpadding-bottom: 56.25%; /* 16:9 */\r\n\tpadding-top: 25px;\r\n\theight: 0;\r\n}\r\n.video-container iframe {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_base.scss","@mixin clearfix() {\r\n &:before,\r\n &:after {\r\n content: \" \";\r\n display: table;\r\n }\r\n \r\n &:after {\r\n clear: both;\r\n }\r\n}\r\n\r\n@mixin min-screen($min-width: $global-body-width) {\r\n @media screen and (min-width: $min-width) {\r\n @content;\r\n }\r\n}\r\n\r\n@mixin max-screen($max-width: $global-body-width) {\r\n @media screen and (max-width: $max-width) {\r\n @content;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_utils.scss","// ==============================\r\n// Iconfont\r\n// ==============================\r\n\r\n@font-face {\r\n font-family: 'iconfont'; /* project id 96542 */\r\n\r\n src: url('../fonts/iconfont/iconfont.eot');\r\n src: url('../fonts/iconfont/iconfont.eot#iefix') format('embedded-opentype'), // not '?#iefix', because webpack will add '?hash=[hash]'\r\n url('../fonts/iconfont/iconfont.woff') format('woff'),\r\n url('../fonts/iconfont/iconfont.ttf') format('truetype'),\r\n url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');\r\n\r\n // Uncomment these code and comment upper code if you want to use alicdn\r\n // src: url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.eot');\r\n // src: url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.eot?#iefix') format('embedded-opentype'),\r\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.woff') format('woff'),\r\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.ttf') format('truetype'),\r\n // url('//at.alicdn.com/t/font_96542_ixz9jngnf1sb57b9.svg#iconfont') format('svg');\r\n}\r\n\r\n.iconfont {\r\n font-family: \"iconfont\" !important;\r\n font-style: normal;\r\n -webkit-font-smoothing: antialiased;\r\n -webkit-text-stroke-width: 0.2px;\r\n -moz-osx-font-smoothing: grayscale;\r\n cursor: pointer;\r\n}\r\n\r\n.icon-instagram:before {\r\n font-size: .95em;\r\n content: \"\\e611\";\r\n position: relative;\r\n top: -1px;\r\n}\r\n.icon-douban:before {\r\n content: \"\\e610\";\r\n}\r\n.icon-tumblr:before {\r\n content: \"\\e69f\";\r\n font-size: .85em;\r\n position: relative;\r\n top: -4px;\r\n}\r\n.icon-linkedin:before {\r\n content: \"\\e60d\";\r\n position: relative;\r\n top: -4px;\r\n}\r\n.icon-twitter:before {\r\n content: \"\\e600\";\r\n}\r\n.icon-weibo:before {\r\n content: \"\\e602\";\r\n}\r\n.icon-stack-overflow:before {\r\n content: \"\\e603\";\r\n font-size: .85em;\r\n position: relative;\r\n top: -4px;\r\n}\r\n.icon-email:before {\r\n content: \"\\e605\";\r\n position: relative;\r\n top: -2px;\r\n}\r\n.icon-facebook:before {\r\n content: \"\\e601\";\r\n font-size: .95em;\r\n position: relative;\r\n top: -2px;\r\n}\r\n.icon-github:before {\r\n content: \"\\e606\";\r\n position: relative;\r\n top: -3px;\r\n}\r\n.icon-rss:before {\r\n content: \"\\e604\";\r\n}\r\n.icon-google:before {\r\n content: \"\\e609\";\r\n}\r\n.icon-zhihu:before {\r\n content: \"\\e607\";\r\n font-size: .9em;\r\n position: relative;\r\n top: -2px;\r\n}\r\n.icon-pocket:before {\r\n content: \"\\e856\";\r\n}\r\n\r\n/* Generic Icon */\r\n.icon-heart:before {\r\n content: \"\\e608\";\r\n}\r\n.icon-right:before {\r\n content: \"\\e60a\";\r\n}\r\n.icon-left:before {\r\n content: \"\\e60b\";\r\n}\r\n.icon-up:before {\r\n content: \"\\e60c\";\r\n}\r\n.icon-close:before {\r\n content: \"\\e60f\";\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_iconfont.scss","// ==============================\r\n// Header\r\n// ==============================\r\n\r\n.header {\r\n @include clearfix; \r\n padding: $header-padding;\r\n\r\n @import '_header/logo';\r\n @import '_header/menu';\r\n}\r\n\r\n\r\n@include max-screen() {\r\n .header {\r\n padding: 50px 0 0;\r\n text-align: center;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header.scss","// ==============================\r\n// Logo\r\n// =============================\r\n\r\n.logo-wrapper {\r\n float: left;\r\n\r\n .logo {\r\n font-size: $logo-font-size;\r\n font-family: $logo-font-family;\r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .logo-wrapper {\r\n display: none;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header/_logo.scss","// ==============================\r\n// Menu\r\n// =============================\r\n\r\n.site-navbar {\r\n float: right;\r\n\r\n .menu {\r\n display: inline-block;\r\n position: relative;\r\n padding-left: 0;\r\n padding-right: 25px;\r\n font-family: $global-serif-font-family;\r\n\r\n .menu-item {\r\n display: inline-block;\r\n\r\n & + .menu-item {\r\n margin-left: $menu-item-margin-left;;\r\n }\r\n\r\n @include underline-from-center;\r\n }\r\n\r\n .menu-item-link {\r\n font-size: $menu-link-font-size;\r\n }\r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .site-navbar {\r\n display: none;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_header/_menu.scss","@mixin underline-from-center() {\r\n display: inline-block;\r\n vertical-align: middle;\r\n transform: translateZ(0);\r\n backface-visibility: hidden;\r\n box-shadow: 0 0 1px transparent;\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n z-index: -1;\r\n height: 2px;\r\n bottom: 0;\r\n left: 51%;\r\n right: 51%;\r\n background: $theme-color;\r\n transition-duration: 0.2s;\r\n transition-property: right, left;\r\n transition-timing-function: ease-out;\r\n }\r\n\r\n &.active,\r\n &:active,\r\n &:focus,\r\n &:hover {\r\n &:before {\r\n right: 0;\r\n left: 0;\r\n }\r\n }\r\n}\r\n\r\n@mixin mobile-menu-icon() {\r\n @keyframes clickfirst {\r\n 0% {\r\n transform: translateY(6px) rotate(0deg);\r\n \r\n }\r\n\r\n 100% {\r\n transform: translateY(0) rotate(45deg);\r\n }\r\n }\t\r\n\r\n @keyframes clickmid {\r\n 0% {\r\n opacity: 1;\r\n }\r\n\r\n 100% {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n @keyframes clicklast {\r\n 0% {\r\n transform: translateY(-6px) rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: translateY(0) rotate(-45deg);\r\n }\r\n }\r\n \r\n @keyframes outfirst {\r\n 0% {\r\n transform: translateY(0) rotate(-45deg);\r\n }\r\n\r\n 100% {\r\n transform: translateY(-6px) rotate(0deg);\r\n }\r\n }\t\r\n\r\n @keyframes outmid {\r\n 0% {\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes outlast {\r\n 0% {\r\n transform: translateY(0) rotate(45deg);\r\n }\r\n\r\n 100% {\r\n transform: translateY(6px) rotate(0deg);\r\n }\r\n }\r\n\r\n span {\r\n position: absolute;\r\n /* fallback for browsers which still doesn't support for `calc()` */\r\n left: 15px;\r\n top: 25px;\r\n left: calc((100% - 20px) / 2);\r\n top: calc((100% - 1px) / 2);\r\n width: 20px;\r\n height: 1px;\r\n background-color: $theme-color;\r\n \r\n &:nth-child(1) {\r\n transform: translateY(6px) rotate(0deg);\r\n }\r\n\r\n &:nth-child(3) {\r\n transform: translateY(-6px) rotate(0deg);\r\n }\r\n }\r\n\r\n &.icon-click {\r\n span:nth-child(1) {\r\n animation-duration: 0.5s;\r\n animation-fill-mode: both;\r\n animation-name: clickfirst;\r\n }\r\n\r\n span:nth-child(2) {\r\n animation-duration: 0.2s;\r\n animation-fill-mode: both;\r\n animation-name: clickmid;\r\n }\r\n\r\n span:nth-child(3) {\r\n animation-duration: 0.5s;\r\n animation-fill-mode: both;\r\n animation-name: clicklast;\r\n }\r\n }\r\n\r\n &.icon-out {\r\n span:nth-child(1) {\r\n animation-duration: 0.5s;\r\n animation-fill-mode: both;\r\n animation-name: outfirst;\r\n }\r\n\r\n span:nth-child(2) {\r\n animation-duration: 0.2s;\r\n animation-fill-mode: both;\r\n animation-name: outmid;\r\n }\r\n\r\n span:nth-child(3) {\r\n animation-duration: 0.5s;\r\n animation-fill-mode: both;\r\n animation-name: outlast;\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_common/_animation.scss","// ==============================\r\n// Post\r\n// ==============================\r\n\r\n.posts {\r\n margin-bottom: $post-list-margin-bottom;\r\n border-bottom: $post-border;\r\n}\r\n\r\n.post {\r\n padding: $post-padding;\r\n \r\n & + .post {\r\n border-top: $post-border;\r\n }\r\n\r\n @import '_post/header';\r\n @import '_post/toc';\r\n @import '_post/content';\r\n @import '_post/copyright';\r\n @import '_post/reward';\r\n @import '_post/footer';\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post.scss",".post-header {\r\n margin-bottom: 20px;\r\n\r\n .post-title {\r\n margin: 0;\r\n font-size: $post-title-font-size;\r\n font-weight: $post-title-font-weight;\r\n font-family: $global-serif-font-family;\r\n }\r\n\r\n .post-link {\r\n @include underline-from-center;\r\n }\r\n\r\n .post-meta {\r\n font-size: 14px;\r\n color: $post-meta-font-color;\r\n\r\n .post-time {\r\n font-size: 15px;\r\n }\r\n\r\n .post-category {\r\n display: inline;\r\n\r\n a {\r\n color: inherit;\r\n\r\n &::before {\r\n content: '·';\r\n }\r\n\r\n &:hover {\r\n color: $theme-color;\r\n }\r\n }\r\n }\r\n\r\n .more-meta {\r\n &::before {\r\n content: '·';\r\n }\r\n }\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_header.scss",".post-toc {\r\n position: absolute;\r\n width: $post-toc-width;\r\n margin-left: $post-toc-margin-left;\r\n padding: 10px;\r\n font-family: $global-serif-font-family;\r\n border-radius: 5px;\r\n background: $post-toc-backgroud;\r\n box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\r\n word-wrap: break-word;\r\n box-sizing: border-box;\r\n\r\n .post-toc-title {\r\n margin: 0 10px;\r\n font-size: $post-toc-title-size;\r\n font-weight: 400;\r\n text-transform: uppercase;\r\n }\r\n\r\n .post-toc-content {\r\n font-size: $post-toc-content;\r\n\r\n &.always-active ul {\r\n display: block;\r\n }\r\n\r\n >nav>ul {\r\n margin: 10px 0;\r\n }\r\n\r\n ul {\r\n padding-left: 20px;\r\n list-style: $post-toc-list-style;\r\n\r\n ul {\r\n padding-left: 15px;\r\n display: none;\r\n }\r\n\r\n .has-active > ul {\r\n display: block;\r\n }\r\n }\r\n\r\n .toc-link.active {\r\n color: $theme-color;\r\n }\r\n }\r\n}\r\n\r\n@include max-screen($toc-max-sreen-width) {\r\n .post-toc {\r\n display: none;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_toc.scss","// ==============================\r\n// Post content\r\n// ==============================\r\n\r\n.post-content {\r\n word-wrap: break-word;\r\n\r\n @for $i from 1 through 6 {\r\n h#{$i} {\r\n font-weight: 400;\r\n font-family: $global-serif-font-family;\r\n }\r\n }\r\n\r\n a {\r\n color: $theme-color;\r\n word-break: break-all;\r\n\r\n &:hover {\r\n border-bottom: $content-link-border;\r\n }\r\n\r\n &.fancybox {\r\n border: 0;\r\n }\r\n }\r\n\r\n blockquote {\r\n margin: 2em 0;\r\n padding: 10px 20px;\r\n position: relative;\r\n color: rgba(#34495e, 0.8);\r\n background-color: $content-blockquote-backgroud;\r\n border-left: $content-blockquote-border-left;\r\n box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\r\n\r\n p {\r\n margin: 0;\r\n }\r\n }\r\n\r\n img {\r\n display: inline-block;\r\n max-width: 100%;\r\n }\r\n\r\n > table {\r\n max-width: 100%;\r\n margin: 10px 0;\r\n border-spacing: 0;\r\n box-shadow: 2px 2px 3px rgba(0,0,0,.125);\r\n\r\n thead {\r\n background: $deputy-color;\r\n }\r\n\r\n th, td {\r\n padding: 5px 15px;\r\n border: 1px double $content-table-border-color;\r\n }\r\n\r\n tr:hover {\r\n background-color: $deputy-color;\r\n }\r\n }\r\n\r\n @import 'code';\r\n\r\n .post-summary {\r\n margin-bottom: 1em;\r\n }\r\n\r\n .read-more {\r\n .read-more-link {\r\n color: $theme-color;\r\n font-size: 1.1em;\r\n font-family: $global-serif-font-family;\r\n \r\n &:hover {\r\n border-bottom: $post-readMore-border-bottom;\r\n }\r\n }\r\n }\r\n\r\n kbd {\r\n display: inline-block;\r\n padding: 0.25em;\r\n background-color: #fafafa;\r\n border: 1px solid #dbdbdb;\r\n border-bottom-color: #b5b5b5;\r\n border-radius: 3px;\r\n box-shadow: inset 0 -1px 0 #b5b5b5;\r\n font-size: 0.8em;\r\n line-height: 1.25;\r\n font-family: \"SFMono-Regular\",\"Liberation Mono\",\"Roboto Mono\",Menlo,Monaco,Consolas,\"Courier New\",Courier,monospace;\r\n color: #4a4a4a;\r\n }\r\n\r\n dl dt::after {\r\n content: ':';\r\n }\r\n\r\n figure {\r\n &.center {\r\n text-align: center;\r\n }\r\n\r\n figcaption h4 {\r\n color: #b5b5b5;\r\n font-size: 0.9rem;\r\n }\r\n }\r\n\r\n .task-list {\r\n list-style: none;\r\n padding-left: 1.5rem;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_content.scss","code, pre {\r\n padding: 7px;\r\n font-size: $code-font-size;\r\n font-family: $code-font-family;\r\n background: $code-background;\r\n}\r\n\r\ncode {\r\n padding: 3px 5px;\r\n border-radius: 4px;\r\n color: $code-color;\r\n}\r\n\r\n.highlight {\r\n margin: 1em 0;\r\n border-radius: 5px;\r\n overflow-x: auto;\r\n box-shadow: 1px 1px 2px rgba(0,0,0,0.125);\r\n position: relative;\r\n\r\n table {\r\n position: relative;\r\n\r\n &::after {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n padding: 2px 7px;\r\n font-size: $code-font-size;\r\n font-weight: bold;\r\n color: darken($gray, 10%);\r\n background: darken($code-background, 3%);\r\n content: 'Code';\r\n }\r\n }\r\n\r\n @each $sign, $text in $code-type-list {\r\n &.#{$sign} > table::after {\r\n content: $text;\r\n }\r\n }\r\n\r\n .code {\r\n pre {\r\n margin: 0;\r\n padding: 30px 10px 10px;\r\n }\r\n }\r\n\r\n .gutter {\r\n width: 10px;\r\n color: $gray;\r\n\r\n pre {\r\n margin: 0;\r\n padding: 30px 7px 10px;\r\n }\r\n }\r\n\r\n .line {\r\n // Fix code block null line height and\r\n // Synchronous gutter and code line highly.\r\n height: round($code-font-size * 1.5);\r\n }\r\n\r\n table, tr, td {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n .code {\r\n .hljs-comment,\r\n .hljs-quote {\r\n color: map-get($code-highlight-color, comment);\r\n }\r\n\r\n .hljs-keyword,\r\n .hljs-selector-tag,\r\n .hljs-addition {\r\n color: map-get($code-highlight-color, keyword);\r\n }\r\n\r\n .hljs-number,\r\n .hljs-string,\r\n .hljs-meta .hljs-meta-string,\r\n .hljs-literal,\r\n .hljs-doctag,\r\n .hljs-regexp {\r\n color: map-get($code-highlight-color, number);\r\n }\r\n\r\n .hljs-title,\r\n .hljs-section,\r\n .hljs-name,\r\n .hljs-selector-id,\r\n .hljs-selector-class {\r\n color: map-get($code-highlight-color, title);\r\n }\r\n\r\n .hljs-attribute,\r\n .hljs-attr,\r\n .hljs-variable,\r\n .hljs-template-variable,\r\n .hljs-class .hljs-title,\r\n .hljs-type {\r\n color: map-get($code-highlight-color, attribute);\r\n }\r\n\r\n .hljs-symbol,\r\n .hljs-bullet,\r\n .hljs-subst,\r\n .hljs-meta,\r\n .hljs-meta .hljs-keyword,\r\n .hljs-selector-attr,\r\n .hljs-selector-pseudo,\r\n .hljs-link {\r\n color: map-get($code-highlight-color, symbol);\r\n }\r\n\r\n .hljs-built_in,\r\n .hljs-deletion {\r\n color: map-get($code-highlight-color, built_in);\r\n }\r\n\r\n .hljs-formula {\r\n background: map-get($code-highlight-color, formula);\r\n }\r\n \r\n .hljs-emphasis {\r\n font-style: italic;\r\n }\r\n \r\n .hljs-strong {\r\n font-weight: bold;\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_code.scss",".post-copyright {\r\n margin-top: 20px;\r\n padding-top: 10px;\r\n border-top: 1px dashed $light-gray;\r\n\r\n .copyright-item {\r\n margin: 5px 0;\r\n\r\n a {\r\n color: $theme-color;\r\n word-wrap: break-word;\r\n\r\n &:hover {\r\n border-bottom: $content-link-border;\r\n }\r\n }\r\n\r\n .item-title {\r\n display: inline-block;\r\n min-width: 5rem;\r\n margin-right: .5rem;\r\n text-align: right;\r\n\r\n &:after {\r\n content: \" :\";\r\n }\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_copyright.scss",".post-reward {\r\n margin-top: 20px;\r\n padding-top: 10px;\r\n text-align: center;\r\n border-top: 1px dashed $light-gray;\r\n\r\n .reward-button {\r\n margin: 15px 0;\r\n padding: 3px 7px;\r\n display: inline-block;\r\n color: $theme-color;\r\n border: 1px solid $theme-color;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n color: $white;\r\n background-color: $theme-color;\r\n transition: 0.5s;\r\n }\r\n }\r\n\r\n #reward:checked {\r\n & ~ .qr-code {\r\n display: block;\r\n }\r\n\r\n & ~ .reward-button {\r\n display: none;\r\n }\r\n }\r\n\r\n .qr-code {\r\n display: none;\r\n\r\n .qr-code-image {\r\n display: inline-block;\r\n min-width: 200px;\r\n width: 40%;\r\n margin-top: 15px;\r\n\r\n span {\r\n display: inline-block;\r\n width: 100%;\r\n margin: 8px 0;\r\n }\r\n }\r\n\r\n .image {\r\n width: 200px;\r\n height: 200px;\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_reward.scss","// ==============================\r\n// Post footer\r\n// ==============================\r\n\r\n.post-footer {\r\n margin-top: $post-footer-margin-top;\r\n border-top: $post-footer-border-top;\r\n font-family: $global-serif-font-family;\r\n\r\n .post-tags {\r\n padding: $post-tags-padding;\r\n\r\n a {\r\n margin-right: 5px;\r\n color: $theme-color;\r\n word-break: break-all;\r\n\r\n &::before {\r\n content: '#';\r\n }\r\n }\r\n }\r\n\r\n .post-nav {\r\n margin: 1em 0;\r\n @include clearfix;\r\n\r\n .prev,\r\n .next {\r\n font-weight: 600;\r\n font-size: $post-nav-font-size;\r\n font-family: $global-serif-font-family;\r\n transition-property: transform;\r\n transition-timing-function: ease-out;\r\n transition-duration: 0.3s;\r\n }\r\n\r\n .prev {\r\n float: left;\r\n\r\n &:hover {\r\n color: $theme-color;\r\n transform: translateX(-4px); \r\n }\r\n }\r\n\r\n .next {\r\n float: right;\r\n\r\n &:hover {\r\n color: $theme-color;\r\n transform: translateX(4px); \r\n }\r\n }\r\n\r\n .nav-mobile {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .post-footer {\r\n .post-nav {\r\n .nav-default {\r\n display: none;\r\n }\r\n\r\n .nav-mobile {\r\n display: inline;\r\n }\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_post/_footer.scss","// ==============================\r\n// Pagination\r\n// ==============================\r\n\r\n.pagination {\r\n margin: $pagination-margin;\r\n @include clearfix;\r\n\r\n .prev,\r\n .next {\r\n font-weight: 600;\r\n font-size: $pagination-font-size;\r\n font-family: $global-serif-font-family;\r\n transition-property: transform;\r\n transition-timing-function: ease-out;\r\n transition-duration: 0.3s;\r\n }\r\n\r\n .prev {\r\n float: left;\r\n\r\n &:hover {\r\n color: $theme-color;\r\n transform: translateX(-4px); \r\n }\r\n }\r\n\r\n .next {\r\n float: right;\r\n\r\n &:hover {\r\n color: $theme-color;\r\n transform: translateX(4px); \r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_pagination.scss","// ==============================\r\n// Post footer\r\n// =============================\r\n\r\n.footer {\r\n margin-top: $footer-margin-top;\r\n\r\n @import \"_footer/social\";\r\n @import \"_footer/copyright\";\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer.scss","// ==============================\r\n// Social\r\n// =============================\r\n\r\n.social-links {\r\n text-align: center;\r\n\r\n .iconfont {\r\n font-size: $social-icon-font-size;\r\n\r\n & + .iconfont {\r\n margin-left: $social-link-margin-left;\r\n } \r\n\r\n &:hover {\r\n color: $theme-color;\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer/_social.scss","// ==============================\r\n// Copyright\r\n// =============================\r\n\r\n.copyright {\r\n margin: $copyright-margin;\r\n color: $dark-gray;\r\n text-align: center;\r\n font-family: $global-serif-font-family;\r\n\r\n .hexo-link,\r\n .theme-link {\r\n color: $theme-color;\r\n }\r\n\r\n .copyright-year {\r\n display: block;\r\n\r\n .heart {\r\n font-size: 14px;\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_footer/_copyright.scss","// ==============================\r\n// Archive\r\n// =============================\r\n\r\n.archive {\r\n margin: $archive-margin;\r\n max-width: $archive-max-width;\r\n\r\n .archive-title {\r\n font-family: $global-serif-font-family;\r\n\r\n &.tag,\r\n &.category {\r\n margin: 15px 0;\r\n }\r\n\r\n .archive-name {\r\n margin: 0;\r\n display: inline-block;\r\n font-weight: 400;\r\n font-size: $archive-name-font-size;\r\n line-height: $archive-name-font-size + 2px;\r\n }\r\n\r\n .archive-post-counter {\r\n display: none;\r\n color: $dark-gray;\r\n }\r\n }\r\n\r\n .collection-title {\r\n font-family: $global-serif-font-family;\r\n \r\n .archive-year {\r\n margin: 15px 0;\r\n font-weight: 400;\r\n font-size: $collection-title-font-size;\r\n line-height: $collection-title-font-size + 2px;\r\n }\r\n }\r\n\r\n .archive-post {\r\n padding: $archive-post-padding;\r\n border-left: $archive-post-border-left;\r\n\r\n .archive-post-time {\r\n margin-right: 10px;\r\n color: $dark-gray;\r\n }\r\n\r\n .archive-post-title {\r\n \r\n .archive-post-link {\r\n color: $theme-color;\r\n }\r\n }\r\n\r\n &::first-child {\r\n margin-top: 10px;\r\n }\r\n\r\n &:hover {\r\n border-left: $archive-post-hover-border-left;\r\n transition: $archive-post-hover-transition;\r\n transform: $archive-post-hover-transform;\r\n\r\n .archive-post-time {\r\n color: darken($dark-gray, 10%);\r\n }\r\n\r\n .archive-post-title .archive-post-link {\r\n color: darken($theme-color, 10%);\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .archive {\r\n margin-left: auto;\r\n margin-right: auto;\r\n\r\n .archive-title .archive-name {\r\n font-size: $archive-name-font-size - 4px;\r\n }\r\n\r\n .collection-title .archive-year {\r\n margin: 10px 0;\r\n font-size: $collection-title-font-size - 4px;\r\n }\r\n\r\n .archive-post {\r\n padding: $archive-post-mobile-padding;\r\n\r\n .archive-post-time {\r\n font-size: $archive-post-mobile-time-font-size;\r\n display: block;\r\n }\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_archive.scss","// ==============================\r\n// Tags\r\n// =============================\r\n\r\n.tag-cloud {\r\n margin: 2em 0 3em;\r\n text-align: center;\r\n font-family: $global-serif-font-family;\r\n\r\n .tag-cloud-title {\r\n display: inline-block;\r\n font-size: $tag-cloud-title-size;\r\n color: $theme-color;\r\n border-bottom: $tag-cloud-title-border-bottom;\r\n }\r\n\r\n .tag-cloud-tags {\r\n margin: 10px 0;\r\n\r\n a {\r\n display: inline-block;\r\n position: relative;\r\n margin: $tag-cloud-tags-link-margin;\r\n word-wrap: break-word;\r\n transition-duration: 0.2s;\r\n transition-property: transform;\r\n transition-timing-function: ease-out;\r\n\r\n .tag-count {\r\n display: inline-block;\r\n position: relative;\r\n top: -8px;\r\n right: -2px;\r\n color: $theme-color;\r\n font-size: $category-count-font-size;\r\n }\r\n\r\n &:active,\r\n &:focus,\r\n &:hover {\r\n color: $theme-color;\r\n transform: scale(1.1);\r\n }\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_tags.scss","\r\n.categories {\r\n margin: 2em 0 3em;\r\n text-align: center;\r\n font-family: $global-serif-font-family;\r\n\r\n .categories-title {\r\n display: inline-block;\r\n font-size: $categories-title-size;\r\n color: $theme-color;\r\n border-bottom: $categories-title-border-bottom;\r\n }\r\n\r\n .categories-tags {\r\n margin: 10px 0;\r\n\r\n .category-link {\r\n display: inline-block;\r\n position: relative;\r\n margin: $categories-tags-link-margin;\r\n word-wrap: break-word;\r\n transition-duration: 0.2s;\r\n transition-property: transform;\r\n transition-timing-function: ease-out;\r\n\r\n .category-count {\r\n display: inline-block;\r\n position: relative;\r\n top: -8px;\r\n right: -2px;\r\n color: $theme-color;\r\n font-size: $category-count-font-size;\r\n }\r\n\r\n &:active,\r\n &:focus,\r\n &:hover {\r\n color: $theme-color;\r\n transform: scale(1.1);\r\n }\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_categories.scss","// ==============================\r\n// slideout (https://github.com/mango/slideout)\r\n// ==============================\r\n\r\n.slideout-menu {\r\n position: fixed;\r\n top: 0;\r\n left: 0px;\r\n bottom: 0;\r\n width: 180px;\r\n min-height: 100vh;\r\n overflow-y: hidden;\r\n -webkit-overflow-scrolling: touch;\r\n z-index: 0;\r\n display: none;\r\n}\r\n\r\n.slideout-panel {\r\n position: relative;\r\n z-index: 1;\r\n background-color: $white;\r\n min-height: 100vh;\r\n}\r\n\r\n.slideout-open,\r\n.slideout-open body,\r\n.slideout-open .slideout-panel {\r\n overflow: hidden;\r\n}\r\n\r\n.slideout-open .slideout-menu {\r\n display: block;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_slideout.scss","// ==============================\r\n// Mobile Navbar\r\n// ==============================\r\n\r\n.mobile-navbar {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: $mobile-navbar-height;\r\n background: $white;\r\n box-shadow: 0px 2px 2px $gray;\r\n text-align: center;\r\n transition: transform 300ms ease;\r\n z-index: 99;\r\n\r\n &.fixed-open {\r\n transform: translate3d(180px, 0px, 0px);\r\n }\r\n\r\n .mobile-header-logo {\r\n display: inline-block;\r\n margin-right: 50px;\r\n\r\n .logo {\r\n font-size: 22px;\r\n line-height: $mobile-navbar-height;\r\n font-family: $logo-font-family;\r\n }\r\n }\r\n\r\n .mobile-navbar-icon {\r\n color: $theme-color;\r\n height: $mobile-navbar-height;\r\n width: $mobile-navbar-height;\r\n font-size: 24px;\r\n text-align: center;\r\n float: left;\r\n position: relative;\r\n transition: background 0.5s;\r\n\r\n @include mobile-menu-icon();\r\n }\r\n}\r\n\r\n.mobile-menu {\r\n background-color: rgba($deputy-color, 0.5);\r\n\r\n .mobile-menu-list {\r\n position: relative;\r\n list-style: none;\r\n margin-top: 50px;\r\n padding: 0;\r\n border-top: 1px solid $deputy-color;\r\n\r\n .mobile-menu-item {\r\n padding: 10px 30px;\r\n border-bottom: 1px solid $deputy-color;\r\n }\r\n\r\n a {\r\n font-size: 18px;\r\n font-family: $global-serif-font-family;\r\n\r\n &:hover {\r\n color: $theme-color;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .mobile-navbar {\r\n display: block;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_mobile.scss","// ==============================\r\n// Back to top\r\n// =============================\r\n\r\n.back-to-top {\r\n display: none;\r\n position: fixed;\r\n right: 20px;\r\n bottom: 20px;\r\n transition-property: transform;\r\n transition-timing-function: ease-out;\r\n transition-duration: 0.3s;\r\n z-index: 10;\r\n\r\n &:hover {\r\n transform: translateY(-5px); \r\n }\r\n}\r\n\r\n@include max-screen() {\r\n .back-to-top {\r\n display: none !important;\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_back-to-top.scss","// ==============================\r\n// Archive\r\n// =============================\r\n\r\n.not-found {\r\n text-align: center;\r\n\r\n .error-emoji {\r\n color: #363636;\r\n font-size: 3rem;\r\n }\r\n\r\n .error-text {\r\n color: #797979;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .error-link {\r\n margin-top: 2rem;\r\n\r\n a {\r\n color: $theme-color;\r\n }\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./css/E:/C/blog/hugo/olowolo/themes/even/src/css/_partial/_404.scss"],"sourceRoot":""}
|
