alembic-jekyll-theme 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +141 -0
- data/_includes/button.html +1 -0
- data/_includes/figure.html +4 -0
- data/_includes/icon.html +4 -0
- data/_includes/map.html +3 -0
- data/_includes/nav-default.html +11 -0
- data/_includes/nav-footer.html +13 -0
- data/_includes/nav-header.html +13 -0
- data/_includes/nav-social.html +8 -0
- data/_includes/post-comments.html +17 -0
- data/_includes/post-list.html +34 -0
- data/_includes/post-meta.html +3 -0
- data/_includes/post-pagination.html +17 -0
- data/_includes/post-related.html +14 -0
- data/_includes/post-share-buttons.html +12 -0
- data/_includes/site-aside.html +22 -0
- data/_includes/site-favicons.html +4 -0
- data/_includes/site-feature.html +17 -0
- data/_includes/site-footer.html +9 -0
- data/_includes/site-form.html +27 -0
- data/_includes/site-header.html +12 -0
- data/_includes/site-icons.svg +22 -0
- data/_includes/video.html +3 -0
- data/_layouts/blog.html +28 -0
- data/_layouts/default.html +30 -0
- data/_layouts/page-aside-left.html +21 -0
- data/_layouts/page-full.html +19 -0
- data/_layouts/page.html +21 -0
- data/_layouts/post.html +25 -0
- data/_sass/_flex.scss +394 -0
- data/_sass/_normalize.scss +419 -0
- data/_sass/_sassline-base.scss +7 -0
- data/_sass/_syntax.scss +61 -0
- data/_sass/sassline-base/_layouts.scss +282 -0
- data/_sass/sassline-base/_mixins.scss +420 -0
- data/_sass/sassline-base/_modular-scale.scss +66 -0
- data/_sass/sassline-base/_reset.scss +13 -0
- data/_sass/sassline-base/_typography.scss +363 -0
- data/_sass/sassline-base/_variables.scss +108 -0
- data/assets/placeholder-logo.png +0 -0
- data/assets/placeholder-social.png +0 -0
- data/assets/styles.scss +396 -0
- metadata +200 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<header class="header">
|
|
2
|
+
<div class="container">
|
|
3
|
+
<a class="logo" href="{{ site.url }}" title="{{ site.title }}">
|
|
4
|
+
{% include icon.html id="logo" title=site.title %}
|
|
5
|
+
</a>
|
|
6
|
+
|
|
7
|
+
{% include nav-header.html %}
|
|
8
|
+
</div>
|
|
9
|
+
|
|
10
|
+
{% include site-feature.html %}
|
|
11
|
+
|
|
12
|
+
</header>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="height: 0; position: absolute">
|
|
2
|
+
<symbol id="codepen" viewBox="0 0 16 16"><path d="M15.988 5.443c-.004-.02-.007-.04-.012-.058l-.01-.033c-.006-.017-.012-.034-.02-.05-.003-.012-.01-.023-.014-.034l-.023-.045-.02-.032-.03-.04-.024-.03c-.01-.013-.022-.026-.034-.038l-.027-.027-.04-.032-.03-.024-.012-.01L8.38.117c-.23-.155-.53-.155-.76 0L.305 4.99.296 5c-.012.007-.022.015-.032.023-.014.01-.027.02-.04.032l-.027.027-.034.037-.024.03-.03.04c-.006.012-.013.022-.02.033l-.023.045-.015.034c-.007.016-.012.033-.018.05l-.01.032c-.005.02-.01.038-.012.058l-.006.03C.002 5.5 0 5.53 0 5.56v4.875c0 .03.002.06.006.09l.007.03c.003.02.006.04.013.058l.01.033c.006.018.01.035.018.05l.015.033c.006.016.014.03.023.047l.02.03c.008.016.018.03.03.042.007.01.014.02.023.03.01.012.02.025.034.036.01.01.018.02.028.026l.04.033.03.023.01.01 7.31 4.876c.116.078.248.117.382.116.134 0 .266-.04.38-.116l7.314-4.875.01-.01c.012-.007.022-.015.032-.023.014-.01.027-.02.04-.032l.027-.027.034-.037.024-.03.03-.04.02-.032.023-.046.015-.033.018-.052.01-.033c.005-.02.01-.038.013-.058 0-.01.003-.02.004-.03.004-.03.006-.06.006-.09V5.564c0-.03-.002-.06-.006-.09l-.007-.03zM8 9.626L5.568 8 8 6.374 10.432 8 8 9.626zM7.312 5.18l-2.98 1.993-2.406-1.61 5.386-3.59v3.206zM3.095 8l-1.72 1.15v-2.3L3.095 8zm1.237.828l2.98 1.993v3.208l-5.386-3.59 2.406-1.61zm4.355 1.993l2.98-1.993 2.407 1.61-5.387 3.59v-3.206zM12.905 8l1.72-1.15v2.3L12.905 8zm-1.237-.827L8.688 5.18V1.97l5.386 3.59-2.406 1.61z" fill-rule="nonzero"/></symbol>
|
|
3
|
+
<symbol id="dribbble" viewBox="0 0 16 16"><path d="M8 16c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm6.747-6.905c-.234-.074-2.115-.635-4.257-.292.894 2.456 1.258 4.456 1.328 4.872 1.533-1.037 2.624-2.68 2.93-4.58zM10.67 14.3c-.102-.6-.5-2.688-1.46-5.18l-.044.014C5.312 10.477 3.93 13.15 3.806 13.4c1.158.905 2.614 1.444 4.194 1.444.947 0 1.85-.194 2.67-.543zm-7.747-1.72c.155-.266 2.03-3.37 5.555-4.51.09-.03.18-.056.27-.08-.173-.39-.36-.778-.555-1.16C4.78 7.85 1.47 7.807 1.17 7.8l-.003.208c0 1.755.665 3.358 1.756 4.57zM1.31 6.61c.307.005 3.122.017 6.318-.832-1.132-2.012-2.353-3.705-2.533-3.952-1.912.902-3.34 2.664-3.784 4.785zM6.4 1.368c.188.253 1.43 1.943 2.548 4 2.43-.91 3.46-2.293 3.582-2.468C11.323 1.827 9.736 1.176 8 1.176c-.55 0-1.087.066-1.6.19zm6.89 2.322c-.145.194-1.29 1.662-3.816 2.694.16.325.31.656.453.99.05.117.1.235.147.352 2.274-.286 4.533.172 4.758.22-.015-1.613-.59-3.094-1.543-4.257z"/></symbol>
|
|
4
|
+
<symbol id="facebook" viewBox="0 0 16 16"><path d="M15.117 0H.883C.395 0 0 .395 0 .883v14.234c0 .488.395.883.883.883h7.663V9.804H6.46V7.39h2.086V5.607c0-2.066 1.262-3.19 3.106-3.19.883 0 1.642.064 1.863.094v2.16h-1.28c-1 0-1.195.476-1.195 1.176v1.54h2.39l-.31 2.416h-2.08V16h4.077c.488 0 .883-.395.883-.883V.883C16 .395 15.605 0 15.117 0" fill-rule="nonzero"/></symbol>
|
|
5
|
+
<symbol id="flickr" viewBox="0 0 16 16"><path d="M0 8c0 2.05 1.662 3.71 3.71 3.71 2.05 0 3.713-1.66 3.713-3.71S5.76 4.29 3.71 4.29C1.663 4.29 0 5.95 0 8zm8.577 0c0 2.05 1.662 3.71 3.712 3.71C14.337 11.71 16 10.05 16 8s-1.662-3.71-3.71-3.71c-2.05 0-3.713 1.66-3.713 3.71z"/></symbol>
|
|
6
|
+
<symbol id="github" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8"/></symbol>
|
|
7
|
+
<symbol id="googleplus" viewBox="0 0 16 16"><g><path d="M5.09 7.273v1.745H7.98c-.116.75-.873 2.197-2.887 2.197-1.737 0-3.155-1.44-3.155-3.215S3.353 4.785 5.09 4.785c.99 0 1.652.422 2.03.786l1.382-1.33c-.887-.83-2.037-1.33-3.41-1.33C2.275 2.91 0 5.184 0 8s2.276 5.09 5.09 5.09c2.94 0 4.888-2.065 4.888-4.974 0-.334-.036-.59-.08-.843H5.09zM16 7.273h-1.455V5.818H13.09v1.455h-1.454v1.454h1.455v1.455h1.455V8.727H16"/></g></symbol>
|
|
8
|
+
<symbol id="instagram" viewBox="0 0 16 16"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"/></symbol>
|
|
9
|
+
<symbol id="linkedin" viewBox="0 0 16 16"><path d="M13.632 13.635h-2.37V9.922c0-.886-.018-2.025-1.234-2.025-1.235 0-1.424.964-1.424 1.96v3.778h-2.37V6H8.51V7.04h.03c.318-.6 1.092-1.233 2.247-1.233 2.4 0 2.845 1.58 2.845 3.637v4.188zM3.558 4.955c-.762 0-1.376-.617-1.376-1.377 0-.758.614-1.375 1.376-1.375.76 0 1.376.617 1.376 1.375 0 .76-.617 1.377-1.376 1.377zm1.188 8.68H2.37V6h2.376v7.635zM14.816 0H1.18C.528 0 0 .516 0 1.153v13.694C0 15.484.528 16 1.18 16h13.635c.652 0 1.185-.516 1.185-1.153V1.153C16 .516 15.467 0 14.815 0z" fill-rule="nonzero"/></symbol>
|
|
10
|
+
<symbol id="medium" viewBox="0 0 16 16"><path d="M11.824 12.628l-.276.45.798.398 2.744 1.372c.15.076.294.11.418.11.278 0 .467-.177.467-.492V5.883l-4.15 6.745zm4.096-8.67c-.004-.003 0-.01-.003-.012l-4.825-2.412c-.06-.03-.123-.038-.187-.044-.016 0-.03-.01-.047-.01-.184 0-.368.092-.467.254l-.24.39-.5.814-1.89 3.08 1.89 3.076.5.813.5.812.59.95 4.71-7.64c.02-.03.01-.06-.02-.08zm-6.27 7.045L7.17 6.97l-.295-.477-.294-.477-.25-.416v4.867l3.32 1.663.5.25.5.25-.5-.813-.5-.813zM.737 1.68L.59 1.608c-.085-.042-.166-.062-.24-.062-.206 0-.35.16-.35.427v10.162c0 .272.2.594.442.716l4.145 2.08c.107.06.208.08.3.08.257 0 .438-.2.438-.53V4.01c0-.02-.012-.04-.03-.047L.738 1.68z"/></symbol>
|
|
11
|
+
<symbol id="pinterest" viewBox="0 0 16 16"><path d="M8 0C3.582 0 0 3.582 0 8c0 3.39 2.108 6.285 5.084 7.45-.07-.633-.133-1.604.028-2.295.146-.625.938-3.977.938-3.977s-.24-.48-.24-1.188c0-1.11.646-1.943 1.448-1.943.683 0 1.012.513 1.012 1.127 0 .687-.436 1.713-.662 2.664-.19.797.4 1.445 1.185 1.445 1.42 0 2.514-1.498 2.514-3.662 0-1.915-1.376-3.254-3.342-3.254-2.276 0-3.61 1.707-3.61 3.472 0 .687.263 1.424.593 1.825.066.08.075.15.057.23-.06.252-.196.796-.223.907-.035.146-.115.178-.268.107-.998-.465-1.624-1.926-1.624-3.1 0-2.524 1.834-4.84 5.287-4.84 2.774 0 4.932 1.977 4.932 4.62 0 2.757-1.74 4.977-4.153 4.977-.81 0-1.572-.422-1.833-.92l-.5 1.902c-.18.695-.667 1.566-.994 2.097.75.232 1.545.357 2.37.357 4.417 0 8-3.582 8-8s-3.583-8-8-8z" fill-rule="nonzero"/></symbol>
|
|
12
|
+
<symbol id="rss" viewBox="0 0 16 16"><path d="M12.8 16C12.8 8.978 7.022 3.2 0 3.2V0c8.777 0 16 7.223 16 16h-3.2zM2.194 11.61c1.21 0 2.195.985 2.195 2.196 0 1.21-.985 2.194-2.196 2.194C.984 16 0 15.017 0 13.806c0-1.21.983-2.195 2.194-2.195zM10.606 16h-3.11c0-4.113-3.383-7.497-7.496-7.497v-3.11c5.818 0 10.606 4.79 10.606 10.607z"/></symbol>
|
|
13
|
+
<symbol id="skype" viewBox="0 0 16 16"><path d="M8.035 12.6c-2.685 0-3.885-1.322-3.885-2.313 0-.51.374-.865.89-.865 1.15 0 .85 1.653 2.995 1.653 1.096 0 1.703-.597 1.703-1.208 0-.368-.18-.775-.904-.954l-2.387-.597C4.524 7.833 4.175 6.79 4.175 5.812c0-2.034 1.91-2.798 3.704-2.798 1.65 0 3.6.916 3.6 2.136 0 .523-.452.827-.97.827-.98 0-.798-1.36-2.773-1.36-.98 0-1.523.444-1.523 1.08 0 .636.774.84 1.446.993l1.767.392c1.936.433 2.427 1.566 2.427 2.633 0 1.652-1.266 2.886-3.82 2.886m7.4-3.264l-.014.084-.028-.16c.015.024.028.05.042.076.082-.45.125-.912.125-1.373 0-1.023-.2-2.014-.595-2.948-.38-.902-.925-1.712-1.62-2.407-.692-.696-1.5-1.242-2.4-1.623C10.015.59 9.025.39 8.005.39c-.48 0-.963.045-1.43.135H6.57l.08.04-.16-.023.08-.016C5.927.183 5.205 0 4.472 0 3.278 0 2.155.466 1.31 1.313.465 2.16 0 3.286 0 4.483c0 .763.195 1.512.563 2.175l.013-.083.028.16c-.015-.026-.027-.052-.04-.077-.076.43-.115.867-.115 1.305 0 1.022.2 2.014.593 2.948.38.903.925 1.713 1.62 2.408.693.695 1.5 1.242 2.4 1.623.932.397 1.92.597 2.94.597.445 0 .89-.04 1.325-.118l-.077-.043.162.028-.084.014c.67.378 1.426.58 2.2.58 1.194 0 2.317-.466 3.162-1.313.845-.846 1.31-1.972 1.31-3.17 0-.765-.197-1.517-.566-2.18" fill-rule="nonzero"/></symbol>
|
|
14
|
+
<symbol id="tumblr" viewBox="0 0 16 16"><path d="M9.708 16c-3.396 0-4.687-2.504-4.687-4.274V6.498H3.403V4.432C5.83 3.557 6.412 1.368 6.55.12c.01-.086.077-.12.115-.12H9.01v4.076h3.2v2.422H8.997v4.98c.01.667.25 1.58 1.472 1.58h.067c.424-.012.994-.136 1.29-.278l.77 2.283c-.288.424-1.594.916-2.77.936h-.12z" fill-rule="nonzero"/></symbol>
|
|
15
|
+
<symbol id="twitch" viewBox="0 0 16 16"><g fill-rule="nonzero"><path d="M1.393 0L.35 2.783v11.13h3.824V16h2.088l2.085-2.088h3.13L15.65 9.74V0H1.394zm1.39 1.39H14.26v7.653l-2.435 2.435H8l-2.085 2.085v-2.085H2.783V1.39z"/><path d="M6.61 8.348H8V4.175H6.61v4.173zm3.824 0h1.39V4.175h-1.39v4.173z"/></g></symbol>
|
|
16
|
+
<symbol id="twitter" viewBox="0 0 16 16"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"/></symbol>
|
|
17
|
+
<symbol id="vimeo" viewBox="0 0 16 16"><path d="M15.992 4.275c-.07 1.56-1.16 3.697-3.263 6.41-2.176 2.832-4.017 4.248-5.522 4.248-.933 0-1.722-.862-2.367-2.588L3.55 7.6c-.48-1.724-.993-2.587-1.542-2.587-.12 0-.538.252-1.255.755L0 4.796C.79 4.1 1.568 3.406 2.335 2.71c1.053-.912 1.844-1.39 2.37-1.44 1.246-.12 2.012.733 2.3 2.56.31 1.97.526 3.194.647 3.673.36 1.634.754 2.45 1.185 2.45.335 0 .838-.53 1.51-1.59.67-1.06 1.028-1.866 1.076-2.42.096-.915-.263-1.374-1.077-1.374-.383 0-.778.087-1.185.262.788-2.58 2.29-3.834 4.508-3.762 1.644.048 2.42 1.116 2.324 3.205z" fill-rule="nonzero"/></symbol>
|
|
18
|
+
<symbol id="youtube" viewBox="0 0 16 16"><path d="M0 7.345c0-1.294.16-2.59.16-2.59s.156-1.1.636-1.587c.608-.637 1.408-.617 1.764-.684C3.84 2.36 8 2.324 8 2.324s3.362.004 5.6.166c.314.038.996.04 1.604.678.48.486.636 1.588.636 1.588S16 6.05 16 7.346v1.258c0 1.296-.16 2.59-.16 2.59s-.156 1.102-.636 1.588c-.608.638-1.29.64-1.604.678-2.238.162-5.6.166-5.6.166s-4.16-.037-5.44-.16c-.356-.067-1.156-.047-1.764-.684-.48-.487-.636-1.587-.636-1.587S0 9.9 0 8.605v-1.26zm6.348 2.73V5.58l4.323 2.255-4.32 2.24h-.002z"/></symbol>
|
|
19
|
+
<symbol id="link" viewBox="0 0 16 16"><path d="M5.86 12.7l-.81.8c-.7.7-1.84.7-2.54 0a1.75 1.75 0 0 1 0-2.5l2.98-2.96c.61-.61 1.77-1.52 2.62-.68a1 1 0 1 0 1.4-1.4c-1.44-1.43-3.57-1.17-5.42.67L1.1 9.6a3.72 3.72 0 0 0 0 5.32 3.78 3.78 0 0 0 5.34 0l.8-.8a1 1 0 1 0-1.39-1.42zm9.03-11.5c-1.55-1.53-3.7-1.6-5.14-.19l-1 1a1 1 0 1 0 1.39 1.41l1-1c.75-.74 1.72-.43 2.35.2a1.75 1.75 0 0 1 0 2.5l-3.17 3.15c-1.46 1.45-2.14.77-2.43.48a1 1 0 0 0-1.4 1.4c.67.67 1.43 1 2.23 1 .98 0 2.01-.5 3-1.47l3.17-3.15a3.72 3.72 0 0 0 0-5.32z"/></symbol>
|
|
20
|
+
<symbol id="email" viewBox="0 0 16 11"><path fill-rule="evenodd" d="M1.33 0h13.34L8 5 1.33 0zM16 0v11H0V0l8 6 8-6z"/></symbol>
|
|
21
|
+
<symbol id="logo" viewBox="0 0 100 89"><defs><radialGradient id="c" cx="35.06%" r="49.91%" fx="35.06%" fy="50%"><stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"/><stop stop-color="#EAEAEA" stop-opacity=".3" offset="100%"/></radialGradient><path id="a" d="M67.5 22.17A34.95 34.95 0 1 1 47.52 2.32l.06.04c.56.21 1.12.44 1.66.69l49.82 20.83c.52.22.77.81.58 1.33l-2.21 5.9c-.2.51-.78.79-1.3.62L67.5 22.17z"/><filter id="d" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dx="8" dy="6" in="SourceAlpha" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0" in="shadowInnerInner1"/></filter><mask id="e" width="99.71" height="69.9" x="0" y="0" fill="white"><use xlink:href="#a"/></mask><path id="b" d="M50.45 6H33v24a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-9H7.73l-1.66 9.04A2.49 2.49 0 0 1 3.7 32H1.9a1.6 1.6 0 0 1-1.65-1.96L4.66 6H1.99A2 2 0 0 1 0 4V2a2 2 0 0 1 2-2h57a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2.73l4.42 24.04A1.6 1.6 0 0 1 59.04 32h-1.81a2.5 2.5 0 0 1-2.37-1.96L53.2 21H37a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h15.1l-1.65-9zM10.48 6l-1.65 9H27V6H10.48z"/><mask id="f" width="61" height="32" x="0" y="0" fill="white"><use xlink:href="#b"/></mask></defs><g fill="none" fill-rule="evenodd"><path fill="#05BF85" d="M34.95 69.9A34.95 34.95 0 0 0 69.9 34.95c0-3.33-69.9-3.33-69.9 0A34.95 34.95 0 0 0 34.95 69.9z"/><ellipse cx="34.95" cy="34.95" fill="#06E29D" rx="34.95" ry="3.88"/><circle cx="29" cy="44" r="2" fill="#FFFFFF" fill-opacity=".4"/><circle cx="41.5" cy="53.5" r=".5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="39.5" cy="47.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="24.5" cy="52.5" r="1.5" fill="#FFFFFF" fill-opacity=".4"/><circle cx="32" cy="51" r="1" fill="#FFFFFF" fill-opacity=".4"/><circle cx="45" cy="42" r="1" fill="#FFFFFF" fill-opacity=".4"/><use fill="url(#c)" xlink:href="#a"/><use fill="black" filter="url(#d)" xlink:href="#a"/><use stroke="#9C9C9C" stroke-opacity=".3" stroke-width="2" mask="url(#e)" xlink:href="#a"/><g fill="#414141" stroke="#131111" stroke-width="2" transform="translate(4 57)"><use mask="url(#f)" xlink:href="#b"/></g></g></symbol>
|
|
22
|
+
</svg>
|
data/_layouts/blog.html
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include site-header.html %}
|
|
6
|
+
|
|
7
|
+
<main class="main container">
|
|
8
|
+
|
|
9
|
+
<div class="content">
|
|
10
|
+
|
|
11
|
+
<article class="article article--page typeset">
|
|
12
|
+
|
|
13
|
+
{% assign collectiondata = site.collections | where: "label", page.collection | first %}
|
|
14
|
+
<h1>{{ collectiondata.title }}</h1>
|
|
15
|
+
|
|
16
|
+
{{ collectiondata.description | markdownify }}
|
|
17
|
+
|
|
18
|
+
</article>
|
|
19
|
+
|
|
20
|
+
{% include post-list.html %}
|
|
21
|
+
|
|
22
|
+
</div>
|
|
23
|
+
|
|
24
|
+
{% include site-aside.html %}
|
|
25
|
+
|
|
26
|
+
</main>
|
|
27
|
+
|
|
28
|
+
{% include site-footer.html %}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en-GB">
|
|
3
|
+
<head>
|
|
4
|
+
<!-- General meta -->
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
6
|
+
|
|
7
|
+
{% if page.indexing == false %}
|
|
8
|
+
<meta name="robots" content="noindex">
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
11
|
+
{% if page.collection %}
|
|
12
|
+
{% seo title=false %}
|
|
13
|
+
|
|
14
|
+
{% assign collectiondata = site.collections | where: "label", page.collection | first %}
|
|
15
|
+
<title>{{ collectiondata.title }} - {{ site.title }}</title>
|
|
16
|
+
{% else %}
|
|
17
|
+
{% seo %}
|
|
18
|
+
{% endif %}
|
|
19
|
+
|
|
20
|
+
<link rel="stylesheet" href="/assets/styles.css">
|
|
21
|
+
|
|
22
|
+
{% include site-favicons.html %}
|
|
23
|
+
</head>
|
|
24
|
+
<body>
|
|
25
|
+
{% include site-icons.svg %}
|
|
26
|
+
|
|
27
|
+
{{ content }}
|
|
28
|
+
|
|
29
|
+
</body>
|
|
30
|
+
</html>
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include site-header.html %}
|
|
6
|
+
|
|
7
|
+
<main class="main container">
|
|
8
|
+
|
|
9
|
+
<article class="article article--page content content--aside-left typeset">
|
|
10
|
+
|
|
11
|
+
<h1>{{ page.title }}</h1>
|
|
12
|
+
|
|
13
|
+
{{ content }}
|
|
14
|
+
|
|
15
|
+
</article>
|
|
16
|
+
|
|
17
|
+
{% include site-aside.html %}
|
|
18
|
+
|
|
19
|
+
</main>
|
|
20
|
+
|
|
21
|
+
{% include site-footer.html %}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include site-header.html %}
|
|
6
|
+
|
|
7
|
+
<main class="main container">
|
|
8
|
+
|
|
9
|
+
<article class="article article--page content content--full typeset">
|
|
10
|
+
|
|
11
|
+
<h1>{{ page.title }}</h1>
|
|
12
|
+
|
|
13
|
+
{{ content }}
|
|
14
|
+
|
|
15
|
+
</article>
|
|
16
|
+
|
|
17
|
+
</main>
|
|
18
|
+
|
|
19
|
+
{% include site-footer.html %}
|
data/_layouts/page.html
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include site-header.html %}
|
|
6
|
+
|
|
7
|
+
<main class="main container">
|
|
8
|
+
|
|
9
|
+
<article class="article article--page content typeset">
|
|
10
|
+
|
|
11
|
+
<h1>{{ page.title }}</h1>
|
|
12
|
+
|
|
13
|
+
{{ content }}
|
|
14
|
+
|
|
15
|
+
</article>
|
|
16
|
+
|
|
17
|
+
{% include site-aside.html %}
|
|
18
|
+
|
|
19
|
+
</main>
|
|
20
|
+
|
|
21
|
+
{% include site-footer.html %}
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
{% include site-header.html %}
|
|
6
|
+
|
|
7
|
+
<main class="main container">
|
|
8
|
+
|
|
9
|
+
<article class="article article--post content typeset">
|
|
10
|
+
|
|
11
|
+
<h1>{{ page.title }}</h1>
|
|
12
|
+
{% include post-meta.html %}
|
|
13
|
+
{{ content }}
|
|
14
|
+
|
|
15
|
+
{% include post-share-buttons.html %}
|
|
16
|
+
|
|
17
|
+
{% include post-comments.html %}
|
|
18
|
+
|
|
19
|
+
</article>
|
|
20
|
+
|
|
21
|
+
{% include site-aside.html %}
|
|
22
|
+
|
|
23
|
+
</main>
|
|
24
|
+
|
|
25
|
+
{% include site-footer.html %}
|
data/_sass/_flex.scss
ADDED
|
@@ -0,0 +1,394 @@
|
|
|
1
|
+
// Flexbox Mixins
|
|
2
|
+
// http://philipwalton.github.io/solved-by-flexbox/
|
|
3
|
+
// https://github.com/philipwalton/solved-by-flexbox
|
|
4
|
+
//
|
|
5
|
+
// Copyright (c) 2013 Brian Franco
|
|
6
|
+
//
|
|
7
|
+
// Permission is hereby granted, free of charge, to any person obtaining a
|
|
8
|
+
// copy of this software and associated documentation files (the
|
|
9
|
+
// "Software"), to deal in the Software without restriction, including
|
|
10
|
+
// without limitation the rights to use, copy, modify, merge, publish,
|
|
11
|
+
// distribute, sublicense, and/or sell copies of the Software, and to
|
|
12
|
+
// permit persons to whom the Software is furnished to do so, subject to
|
|
13
|
+
// the following conditions:
|
|
14
|
+
// The above copyright notice and this permission notice shall be included
|
|
15
|
+
// in all copies or substantial portions of the Software.
|
|
16
|
+
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
|
17
|
+
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
18
|
+
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
|
19
|
+
// IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
|
20
|
+
// CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
|
21
|
+
// TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
|
22
|
+
// SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
23
|
+
//
|
|
24
|
+
// This is a set of mixins for those who want to mess around with flexbox
|
|
25
|
+
// using the native support of current browsers. For full support table
|
|
26
|
+
// check: http://caniuse.com/flexbox
|
|
27
|
+
//
|
|
28
|
+
// Basically this will use:
|
|
29
|
+
//
|
|
30
|
+
// * Fallback, old syntax (IE10, mobile webkit browsers - no wrapping)
|
|
31
|
+
// * Final standards syntax (FF, Safari, Chrome, IE11, Opera)
|
|
32
|
+
//
|
|
33
|
+
// This was inspired by:
|
|
34
|
+
//
|
|
35
|
+
// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
|
|
36
|
+
//
|
|
37
|
+
// With help from:
|
|
38
|
+
//
|
|
39
|
+
// * http://w3.org/tr/css3-flexbox/
|
|
40
|
+
// * http://the-echoplex.net/flexyboxes/
|
|
41
|
+
// * http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx
|
|
42
|
+
// * http://css-tricks.com/using-flexbox/
|
|
43
|
+
// * http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/
|
|
44
|
+
// * https://developer.mozilla.org/en-us/docs/web/guide/css/flexible_boxes
|
|
45
|
+
|
|
46
|
+
//----------------------------------------------------------------------
|
|
47
|
+
|
|
48
|
+
// Flexbox Containers
|
|
49
|
+
//
|
|
50
|
+
// The 'flex' value causes an element to generate a block-level flex
|
|
51
|
+
// container box.
|
|
52
|
+
//
|
|
53
|
+
// The 'inline-flex' value causes an element to generate a inline-level
|
|
54
|
+
// flex container box.
|
|
55
|
+
//
|
|
56
|
+
// display: flex | inline-flex
|
|
57
|
+
//
|
|
58
|
+
// http://w3.org/tr/css3-flexbox/#flex-containers
|
|
59
|
+
//
|
|
60
|
+
// (Placeholder selectors for each type, for those who rather @extend)
|
|
61
|
+
|
|
62
|
+
@mixin flexbox {
|
|
63
|
+
display: -webkit-box;
|
|
64
|
+
display: -webkit-flex;
|
|
65
|
+
display: -moz-flex;
|
|
66
|
+
display: -ms-flexbox;
|
|
67
|
+
display: flex;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
%flexbox { @include flexbox; }
|
|
71
|
+
|
|
72
|
+
//----------------------------------
|
|
73
|
+
|
|
74
|
+
@mixin inline-flex {
|
|
75
|
+
display: -webkit-inline-box;
|
|
76
|
+
display: -webkit-inline-flex;
|
|
77
|
+
display: -moz-inline-flex;
|
|
78
|
+
display: -ms-inline-flexbox;
|
|
79
|
+
display: inline-flex;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
%inline-flex { @include inline-flex; }
|
|
83
|
+
|
|
84
|
+
//----------------------------------------------------------------------
|
|
85
|
+
|
|
86
|
+
// Flexbox Direction
|
|
87
|
+
//
|
|
88
|
+
// The 'flex-direction' property specifies how flex items are placed in
|
|
89
|
+
// the flex container, by setting the direction of the flex container's
|
|
90
|
+
// main axis. This determines the direction that flex items are laid out in.
|
|
91
|
+
//
|
|
92
|
+
// Values: row | row-reverse | column | column-reverse
|
|
93
|
+
// Default: row
|
|
94
|
+
//
|
|
95
|
+
// http://w3.org/tr/css3-flexbox/#flex-direction-property
|
|
96
|
+
|
|
97
|
+
@mixin flex-direction($value: row) {
|
|
98
|
+
@if $value == row-reverse {
|
|
99
|
+
-webkit-box-direction: reverse;
|
|
100
|
+
-webkit-box-orient: horizontal;
|
|
101
|
+
} @else if $value == column {
|
|
102
|
+
-webkit-box-direction: normal;
|
|
103
|
+
-webkit-box-orient: vertical;
|
|
104
|
+
} @else if $value == column-reverse {
|
|
105
|
+
-webkit-box-direction: reverse;
|
|
106
|
+
-webkit-box-orient: vertical;
|
|
107
|
+
} @else {
|
|
108
|
+
-webkit-box-direction: normal;
|
|
109
|
+
-webkit-box-orient: horizontal;
|
|
110
|
+
}
|
|
111
|
+
-webkit-flex-direction: $value;
|
|
112
|
+
-moz-flex-direction: $value;
|
|
113
|
+
-ms-flex-direction: $value;
|
|
114
|
+
flex-direction: $value;
|
|
115
|
+
}
|
|
116
|
+
// Shorter version:
|
|
117
|
+
@mixin flex-dir($args...) { @include flex-direction($args...); }
|
|
118
|
+
|
|
119
|
+
//----------------------------------------------------------------------
|
|
120
|
+
|
|
121
|
+
// Flexbox Wrap
|
|
122
|
+
//
|
|
123
|
+
// The 'flex-wrap' property controls whether the flex container is single-line
|
|
124
|
+
// or multi-line, and the direction of the cross-axis, which determines
|
|
125
|
+
// the direction new lines are stacked in.
|
|
126
|
+
//
|
|
127
|
+
// Values: nowrap | wrap | wrap-reverse
|
|
128
|
+
// Default: nowrap
|
|
129
|
+
//
|
|
130
|
+
// http://w3.org/tr/css3-flexbox/#flex-wrap-property
|
|
131
|
+
|
|
132
|
+
@mixin flex-wrap($value: nowrap) {
|
|
133
|
+
// No Webkit Box fallback.
|
|
134
|
+
-webkit-flex-wrap: $value;
|
|
135
|
+
-moz-flex-wrap: $value;
|
|
136
|
+
@if $value == nowrap {
|
|
137
|
+
-ms-flex-wrap: none;
|
|
138
|
+
} @else {
|
|
139
|
+
-ms-flex-wrap: $value;
|
|
140
|
+
}
|
|
141
|
+
flex-wrap: $value;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
//----------------------------------------------------------------------
|
|
145
|
+
|
|
146
|
+
// Flexbox Flow (shorthand)
|
|
147
|
+
//
|
|
148
|
+
// The 'flex-flow' property is a shorthand for setting the 'flex-direction'
|
|
149
|
+
// and 'flex-wrap' properties, which together define the flex container's
|
|
150
|
+
// main and cross axes.
|
|
151
|
+
//
|
|
152
|
+
// Values: <flex-direction> | <flex-wrap>
|
|
153
|
+
// Default: row nowrap
|
|
154
|
+
//
|
|
155
|
+
// http://w3.org/tr/css3-flexbox/#flex-flow-property
|
|
156
|
+
|
|
157
|
+
@mixin flex-flow($values: (row nowrap)) {
|
|
158
|
+
// No Webkit Box fallback.
|
|
159
|
+
-webkit-flex-flow: $values;
|
|
160
|
+
-moz-flex-flow: $values;
|
|
161
|
+
-ms-flex-flow: $values;
|
|
162
|
+
flex-flow: $values;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
//----------------------------------------------------------------------
|
|
166
|
+
|
|
167
|
+
// Flexbox Order
|
|
168
|
+
//
|
|
169
|
+
// The 'order' property controls the order in which flex items appear within
|
|
170
|
+
// their flex container, by assigning them to ordinal groups.
|
|
171
|
+
//
|
|
172
|
+
// Default: 0
|
|
173
|
+
//
|
|
174
|
+
// http://w3.org/tr/css3-flexbox/#order-property
|
|
175
|
+
|
|
176
|
+
@mixin order($int: 0) {
|
|
177
|
+
-webkit-box-ordinal-group: $int + 1;
|
|
178
|
+
-webkit-order: $int;
|
|
179
|
+
-moz-order: $int;
|
|
180
|
+
-ms-flex-order: $int;
|
|
181
|
+
order: $int;
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
//----------------------------------------------------------------------
|
|
185
|
+
|
|
186
|
+
// Flexbox Grow
|
|
187
|
+
//
|
|
188
|
+
// The 'flex-grow' property sets the flex grow factor. Negative numbers
|
|
189
|
+
// are invalid.
|
|
190
|
+
//
|
|
191
|
+
// Default: 0
|
|
192
|
+
//
|
|
193
|
+
// http://w3.org/tr/css3-flexbox/#flex-grow-property
|
|
194
|
+
|
|
195
|
+
@mixin flex-grow($int: 0) {
|
|
196
|
+
-webkit-box-flex: $int;
|
|
197
|
+
-webkit-flex-grow: $int;
|
|
198
|
+
-moz-flex-grow: $int;
|
|
199
|
+
-ms-flex-positive: $int;
|
|
200
|
+
flex-grow: $int;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
//----------------------------------------------------------------------
|
|
204
|
+
|
|
205
|
+
// Flexbox Shrink
|
|
206
|
+
//
|
|
207
|
+
// The 'flex-shrink' property sets the flex shrink factor. Negative numbers
|
|
208
|
+
// are invalid.
|
|
209
|
+
//
|
|
210
|
+
// Default: 1
|
|
211
|
+
//
|
|
212
|
+
// http://w3.org/tr/css3-flexbox/#flex-shrink-property
|
|
213
|
+
|
|
214
|
+
@mixin flex-shrink($int: 1) {
|
|
215
|
+
-webkit-flex-shrink: $int;
|
|
216
|
+
-moz-flex-shrink: $int;
|
|
217
|
+
-ms-flex-negative: $int;
|
|
218
|
+
flex-shrink: $int;
|
|
219
|
+
}
|
|
220
|
+
|
|
221
|
+
//----------------------------------------------------------------------
|
|
222
|
+
|
|
223
|
+
// Flexbox Basis
|
|
224
|
+
//
|
|
225
|
+
// The 'flex-basis' property sets the flex basis. Negative lengths are invalid.
|
|
226
|
+
//
|
|
227
|
+
// Values: Like "width"
|
|
228
|
+
// Default: auto
|
|
229
|
+
//
|
|
230
|
+
// http://www.w3.org/TR/css3-flexbox/#flex-basis-property
|
|
231
|
+
|
|
232
|
+
@mixin flex-basis($value: auto) {
|
|
233
|
+
-webkit-flex-basis: $value;
|
|
234
|
+
-moz-flex-basis: $value;
|
|
235
|
+
-ms-flex-preferred-size: $value;
|
|
236
|
+
flex-basis: $value;
|
|
237
|
+
}
|
|
238
|
+
|
|
239
|
+
//----------------------------------------------------------------------
|
|
240
|
+
|
|
241
|
+
// Flexbox "Flex" (shorthand)
|
|
242
|
+
//
|
|
243
|
+
// The 'flex' property specifies the components of a flexible length: the
|
|
244
|
+
// flex grow factor and flex shrink factor, and the flex basis. When an
|
|
245
|
+
// element is a flex item, 'flex' is consulted instead of the main size
|
|
246
|
+
// property to determine the main size of the element. If an element is
|
|
247
|
+
// not a flex item, 'flex' has no effect.
|
|
248
|
+
//
|
|
249
|
+
// Values: none | <flex-grow> <flex-shrink> || <flex-basis>
|
|
250
|
+
// Default: See individual properties (1 1 0).
|
|
251
|
+
//
|
|
252
|
+
// http://w3.org/tr/css3-flexbox/#flex-property
|
|
253
|
+
|
|
254
|
+
@mixin flex($fg: 1, $fs: null, $fb: null) {
|
|
255
|
+
|
|
256
|
+
// Set a variable to be used by box-flex properties
|
|
257
|
+
$fg-boxflex: $fg;
|
|
258
|
+
|
|
259
|
+
// Box-Flex only supports a flex-grow value so let's grab the
|
|
260
|
+
// first item in the list and just return that.
|
|
261
|
+
@if type-of($fg) == 'list' {
|
|
262
|
+
$fg-boxflex: nth($fg, 1);
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
-webkit-box-flex: $fg-boxflex;
|
|
266
|
+
-webkit-flex: $fg $fs $fb;
|
|
267
|
+
-moz-box-flex: $fg-boxflex;
|
|
268
|
+
-moz-flex: $fg $fs $fb;
|
|
269
|
+
-ms-flex: $fg $fs $fb;
|
|
270
|
+
flex: $fg $fs $fb;
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
//----------------------------------------------------------------------
|
|
274
|
+
|
|
275
|
+
// Flexbox Justify Content
|
|
276
|
+
//
|
|
277
|
+
// The 'justify-content' property aligns flex items along the main axis
|
|
278
|
+
// of the current line of the flex container. This is done after any flexible
|
|
279
|
+
// lengths and any auto margins have been resolved. Typically it helps distribute
|
|
280
|
+
// extra free space leftover when either all the flex items on a line are
|
|
281
|
+
// inflexible, or are flexible but have reached their maximum size. It also
|
|
282
|
+
// exerts some control over the alignment of items when they overflow the line.
|
|
283
|
+
//
|
|
284
|
+
// Note: 'space-*' values not supported in older syntaxes.
|
|
285
|
+
//
|
|
286
|
+
// Values: flex-start | flex-end | center | space-between | space-around
|
|
287
|
+
// Default: flex-start
|
|
288
|
+
//
|
|
289
|
+
// http://w3.org/tr/css3-flexbox/#justify-content-property
|
|
290
|
+
|
|
291
|
+
@mixin justify-content($value: flex-start) {
|
|
292
|
+
@if $value == flex-start {
|
|
293
|
+
-webkit-box-pack: start;
|
|
294
|
+
-ms-flex-pack: start;
|
|
295
|
+
} @else if $value == flex-end {
|
|
296
|
+
-webkit-box-pack: end;
|
|
297
|
+
-ms-flex-pack: end;
|
|
298
|
+
} @else if $value == space-between {
|
|
299
|
+
-webkit-box-pack: justify;
|
|
300
|
+
-ms-flex-pack: justify;
|
|
301
|
+
} @else if $value == space-around {
|
|
302
|
+
-ms-flex-pack: distribute;
|
|
303
|
+
} @else {
|
|
304
|
+
-webkit-box-pack: $value;
|
|
305
|
+
-ms-flex-pack: $value;
|
|
306
|
+
}
|
|
307
|
+
-webkit-justify-content: $value;
|
|
308
|
+
-moz-justify-content: $value;
|
|
309
|
+
justify-content: $value;
|
|
310
|
+
}
|
|
311
|
+
// Shorter version:
|
|
312
|
+
@mixin flex-just($args...) { @include justify-content($args...); }
|
|
313
|
+
|
|
314
|
+
//----------------------------------------------------------------------
|
|
315
|
+
|
|
316
|
+
// Flexbox Align Items
|
|
317
|
+
//
|
|
318
|
+
// Flex items can be aligned in the cross axis of the current line of the
|
|
319
|
+
// flex container, similar to 'justify-content' but in the perpendicular
|
|
320
|
+
// direction. 'align-items' sets the default alignment for all of the flex
|
|
321
|
+
// container's items, including anonymous flex items. 'align-self' allows
|
|
322
|
+
// this default alignment to be overridden for individual flex items. (For
|
|
323
|
+
// anonymous flex items, 'align-self' always matches the value of 'align-items'
|
|
324
|
+
// on their associated flex container.)
|
|
325
|
+
//
|
|
326
|
+
// Values: flex-start | flex-end | center | baseline | stretch
|
|
327
|
+
// Default: stretch
|
|
328
|
+
//
|
|
329
|
+
// http://w3.org/tr/css3-flexbox/#align-items-property
|
|
330
|
+
|
|
331
|
+
@mixin align-items($value: stretch) {
|
|
332
|
+
@if $value == flex-start {
|
|
333
|
+
-webkit-box-align: start;
|
|
334
|
+
-ms-flex-align: start;
|
|
335
|
+
} @else if $value == flex-end {
|
|
336
|
+
-webkit-box-align: end;
|
|
337
|
+
-ms-flex-align: end;
|
|
338
|
+
} @else {
|
|
339
|
+
-webkit-box-align: $value;
|
|
340
|
+
-ms-flex-align: $value;
|
|
341
|
+
}
|
|
342
|
+
-webkit-align-items: $value;
|
|
343
|
+
-moz-align-items: $value;
|
|
344
|
+
align-items: $value;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
//----------------------------------
|
|
348
|
+
|
|
349
|
+
// Flexbox Align Self
|
|
350
|
+
//
|
|
351
|
+
// Values: auto | flex-start | flex-end | center | baseline | stretch
|
|
352
|
+
// Default: auto
|
|
353
|
+
|
|
354
|
+
@mixin align-self($value: auto) {
|
|
355
|
+
// No Webkit Box Fallback.
|
|
356
|
+
-webkit-align-self: $value;
|
|
357
|
+
-moz-align-self: $value;
|
|
358
|
+
@if $value == flex-start {
|
|
359
|
+
-ms-flex-item-align: start;
|
|
360
|
+
} @else if $value == flex-end {
|
|
361
|
+
-ms-flex-item-align: end;
|
|
362
|
+
} @else {
|
|
363
|
+
-ms-flex-item-align: $value;
|
|
364
|
+
}
|
|
365
|
+
align-self: $value;
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
//----------------------------------------------------------------------
|
|
369
|
+
|
|
370
|
+
// Flexbox Align Content
|
|
371
|
+
//
|
|
372
|
+
// The 'align-content' property aligns a flex container's lines within the
|
|
373
|
+
// flex container when there is extra space in the cross-axis, similar to
|
|
374
|
+
// how 'justify-content' aligns individual items within the main-axis. Note,
|
|
375
|
+
// this property has no effect when the flexbox has only a single line.
|
|
376
|
+
//
|
|
377
|
+
// Values: flex-start | flex-end | center | space-between | space-around | stretch
|
|
378
|
+
// Default: stretch
|
|
379
|
+
//
|
|
380
|
+
// http://w3.org/tr/css3-flexbox/#align-content-property
|
|
381
|
+
|
|
382
|
+
@mixin align-content($value: stretch) {
|
|
383
|
+
// No Webkit Box Fallback.
|
|
384
|
+
-webkit-align-content: $value;
|
|
385
|
+
-moz-align-content: $value;
|
|
386
|
+
@if $value == flex-start {
|
|
387
|
+
-ms-flex-line-pack: start;
|
|
388
|
+
} @else if $value == flex-end {
|
|
389
|
+
-ms-flex-line-pack: end;
|
|
390
|
+
} @else {
|
|
391
|
+
-ms-flex-line-pack: $value;
|
|
392
|
+
}
|
|
393
|
+
align-content: $value;
|
|
394
|
+
}
|