diff --git a/alchemy/static/less/lesshat.less b/alchemy/static/less/lesshat.less index 752cd92..b47a10a 100644 --- a/alchemy/static/less/lesshat.less +++ b/alchemy/static/less/lesshat.less @@ -9,93 +9,93 @@ // version: v3.0.1 (2014-05-27) // TABLE OF MIXINS: - // align-content - // align-items - // align-self - // animation - // animation-delay - // animation-direction - // animation-duration - // animation-fill-mode - // animation-iteration-count - // animation-name - // animation-play-state - // animation-timing-function - // appearance - // backface-visibility - // background-clip - // background-image - // background-origin - // background-size - // blur - // border-bottom-left-radius - // border-bottom-right-radius - // border-image - // border-radius - // border-top-left-radius - // border-top-right-radius - // box-shadow - // box-sizing - // brightness - // calc - // column-count - // column-gap - // column-rule - // column-width - // columns - // contrast - // display - // drop-shadow - // filter - // flex - // flex-basis - // flex-direction - // flex-grow - // flex-shrink - // flex-wrap - // font-face - // grayscale - // hue-rotate - // hyphens - // invert - // justify-content - // keyframes - // opacity - // order - // perspective - // perspective-origin - // placeholder - // rotate - // rotate3d - // rotateX - // rotateY - // rotateZ - // saturate - // scale - // scale3d - // scaleX - // scaleY - // scaleZ - // selection - // sepia - // size - // skew - // skewX - // skewY - // transform - // transform-origin - // transform-style - // transition - // transition-delay - // transition-duration - // transition-property - // transition-timing-function - // translate - // translate3d - // translateX - // translateY - // translateZ - // user-select + // align-content + // align-items + // align-self + // animation + // animation-delay + // animation-direction + // animation-duration + // animation-fill-mode + // animation-iteration-count + // animation-name + // animation-play-state + // animation-timing-function + // appearance + // backface-visibility + // background-clip + // background-image + // background-origin + // background-size + // blur + // border-bottom-left-radius + // border-bottom-right-radius + // border-image + // border-radius + // border-top-left-radius + // border-top-right-radius + // box-shadow + // box-sizing + // brightness + // calc + // column-count + // column-gap + // column-rule + // column-width + // columns + // contrast + // display + // drop-shadow + // filter + // flex + // flex-basis + // flex-direction + // flex-grow + // flex-shrink + // flex-wrap + // font-face + // grayscale + // hue-rotate + // hyphens + // invert + // justify-content + // keyframes + // opacity + // order + // perspective + // perspective-origin + // placeholder + // rotate + // rotate3d + // rotateX + // rotateY + // rotateZ + // saturate + // scale + // scale3d + // scaleX + // scaleY + // scaleZ + // selection + // sepia + // size + // skew + // skewX + // skewY + // transform + // transform-origin + // transform-style + // transition + // transition-delay + // transition-duration + // transition-property + // transition-timing-function + // translate + // translate3d + // translateX + // translateY + // translateZ + // user-select .align-content(...) { @process: ~`(function(r){return r=r||"stretch"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`; @@ -257,16 +257,16 @@ .border-bottom-left-radius(...) { @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`; - -webkit-border-bottom-left-radius: @process; -webkit-background-clip: padding-box; - -moz-border-radius-bottomleft: @process; -moz-background-clip: padding; - border-bottom-left-radius: @process; background-clip: padding-box; + -webkit-border-bottom-left-radius: @process; -webkit-background-clip: padding-box; + -moz-border-radius-bottomleft: @process; -moz-background-clip: padding; + border-bottom-left-radius: @process; background-clip: padding-box; } .border-bottom-right-radius(...) { @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`; - -webkit-border-bottom-right-radius: @process; -webkit-background-clip: padding-box; - -moz-border-radius-bottomright: @process; -moz-background-clip: padding; - border-bottom-right-radius: @process; background-clip: padding-box; + -webkit-border-bottom-right-radius: @process; -webkit-background-clip: padding-box; + -moz-border-radius-bottomright: @process; -moz-background-clip: padding; + border-bottom-right-radius: @process; background-clip: padding-box; } .border-image(...) { @@ -279,23 +279,23 @@ .border-radius(...) { @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`; - -webkit-border-radius: @process; -webkit-background-clip: padding-box; - -moz-border-radius: @process; -moz-background-clip: padding; - border-radius: @process; background-clip: padding-box; + -webkit-border-radius: @process; -webkit-background-clip: padding-box; + -moz-border-radius: @process; -moz-background-clip: padding; + border-radius: @process; background-clip: padding-box; } .border-top-left-radius(...) { @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`; - -webkit-border-top-left-radius: @process; -webkit-background-clip: padding-box; - -moz-border-radius-topleft: @process; -moz-background-clip: padding; - border-top-left-radius: @process; background-clip: padding-box; + -webkit-border-top-left-radius: @process; -webkit-background-clip: padding-box; + -moz-border-radius-topleft: @process; -moz-background-clip: padding; + border-top-left-radius: @process; background-clip: padding-box; } .border-top-right-radius(...) { @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`; - -webkit-border-top-right-radius: @process; -webkit-background-clip: padding-box; - -moz-border-radius-topright: @process; -moz-background-clip: padding; - border-top-right-radius: @process; background-clip: padding-box; + -webkit-border-top-right-radius: @process; -webkit-background-clip: padding-box; + -moz-border-radius-topright: @process; -moz-background-clip: padding; + border-top-right-radius: @process; background-clip: padding-box; } .box-shadow(...) { @@ -453,9 +453,9 @@ font-family: "@{fontname}"; src: url("@{fontfile}.eot"); src: url("@{fontfile}.eot?#iefix") format("embedded-opentype"), - url("@{fontfile}.woff") format("woff"), - url("@{fontfile}.ttf") format("truetype"), - url("@{fontfile}.svg#@{fontname}") format("svg"); + url("@{fontfile}.woff") format("woff"), + url("@{fontfile}.ttf") format("truetype"), + url("@{fontfile}.svg#@{fontname}") format("svg"); font-weight: @fontweight; font-style: @fontstyle; } @@ -546,32 +546,32 @@ .placeholder(@color:#aaa, @element: 08121991) { .inception (@arguments) when not (@element = 08121991) { - @{element}::-webkit-input-placeholder { - color: @color; - } - @{element}:-moz-placeholder { - color: @color; - } - @{element}::-moz-placeholder { - color: @color; - } - @{element}:-ms-input-placeholder { - color: @color; - } + @{element}::-webkit-input-placeholder { + color: @color; + } + @{element}:-moz-placeholder { + color: @color; + } + @{element}::-moz-placeholder { + color: @color; + } + @{element}:-ms-input-placeholder { + color: @color; + } } .inception (@arguments) when (@element = 08121991) { - &::-webkit-input-placeholder { - color: @color; - } - &:-moz-placeholder { - color: @color; - } - &::-moz-placeholder { - color: @color; - } - &:-ms-input-placeholder { - color: @color; - } + &::-webkit-input-placeholder { + color: @color; + } + &:-moz-placeholder { + color: @color; + } + &::-moz-placeholder { + color: @color; + } + &:-ms-input-placeholder { + color: @color; + } } .inception(@arguments); } @@ -691,13 +691,13 @@ .size(@square) { @unit: 'px'; .process(@square) when (ispixel(@square)), (isem(@square)), (ispercentage(@square)), (iskeyword(@square)) { - width: @square; - height: @square; + width: @square; + height: @square; } .process(@square) when not (ispixel(@square)) and not (isem(@square)) and not (ispercentage(@square)) and not (isstring(@square)) and not (iskeyword(@square)) { - width: ~`@{square} + @{unit}`; - height: ~`@{square} + @{unit}`; + width: ~`@{square} + @{unit}`; + height: ~`@{square} + @{unit}`; } .process(@square); @@ -707,29 +707,29 @@ .size(@width, @height) { @unit: 'px'; .process(@width, @height) when (ispixel(@width)), (isem(@width)), (ispercentage(@width)), (iskeyword(@width)) { - .kittens(@height) when (ispixel(@height)), (isem(@height)), (ispercentage(@height)), (iskeyword(@height)) { - width: @width; - height: @height; - } - .kittens(@height) when not (ispixel(@height)) and not (isem(@height)) and not (ispercentage(@height)) and not (iskeyword(@height)) { - width: @width; - height: ~`@{height} + @{unit}`; - } - .kittens(@height); + .kittens(@height) when (ispixel(@height)), (isem(@height)), (ispercentage(@height)), (iskeyword(@height)) { + width: @width; + height: @height; + } + .kittens(@height) when not (ispixel(@height)) and not (isem(@height)) and not (ispercentage(@height)) and not (iskeyword(@height)) { + width: @width; + height: ~`@{height} + @{unit}`; + } + .kittens(@height); } .process(@width, @height) when (ispixel(@height)), (isem(@height)), (ispercentage(@height)), (iskeyword(@height)) { - .kittens(@width) when (ispixel(@width)), (isem(@width)), (ispercentage(@width)), (iskeyword(@width)) {} - .kittens(@width) when not (ispixel(@width)) and not (isem(@width)) and not (ispercentage(@width)) and not (iskeyword(@width)) { - width: ~`@{width} + @{unit}`; - height: @height; - } - .kittens(@width); + .kittens(@width) when (ispixel(@width)), (isem(@width)), (ispercentage(@width)), (iskeyword(@width)) {} + .kittens(@width) when not (ispixel(@width)) and not (isem(@width)) and not (ispercentage(@width)) and not (iskeyword(@width)) { + width: ~`@{width} + @{unit}`; + height: @height; + } + .kittens(@width); } .process(@width, @height) when not (ispixel(@width)) and not (isem(@width)) and not (ispercentage(@width)) and not (iskeyword(@width)) and not (ispixel(@height)) and not (isem(@height)) and not (ispercentage(@height)) and not (iskeyword(@height)) { - width: ~`@{width} + @{unit}`; - height: ~`@{height} + @{unit}`; + width: ~`@{width} + @{unit}`; + height: ~`@{height} + @{unit}`; } .process(@width, @height); diff --git a/alchemy/static/less/style.less b/alchemy/static/less/style.less index b027376..70c66ea 100644 --- a/alchemy/static/less/style.less +++ b/alchemy/static/less/style.less @@ -9,8 +9,8 @@ @monospace: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; body { - background-color: #fafafa; - font-family: @serif; + background-color: #fafafa; + font-family: @serif; } h1, @@ -19,7 +19,7 @@ h3, h4, h5, h6 { - font-family: @sans-serif; + font-family: @sans-serif; } code, @@ -30,83 +30,83 @@ samp { } a { - .transition(color 0.2s ease-in-out); - color: #2e2e2e; - &:hover { - color: orange; - } - &.nodec { - text-decoration: none; - } + .transition(color 0.2s ease-in-out); + color: #2e2e2e; + &:hover { + color: orange; + } + &.nodec { + text-decoration: none; + } } .header { - background-color: #efefef; - border-bottom: 1px solid #ddd; - border-top: 5px solid #333; - margin-bottom: 30px; - padding: 30px 0; - .header-image { - margin-right: 30px; - width: 200px; - } - .header-name { - font-size: 82px; - margin-top: 0; - } - .header-text { - color: #000; - font-size: 22px; - margin-bottom: 51px; - margin-top: 0; - } - .header-menu { - font-size: 18px; - margin-bottom: 0; - li { - &:first-child { - padding-left: 0; - } - &:last-child { - padding-right: 0; - } - } + background-color: #efefef; + border-bottom: 1px solid #ddd; + border-top: 5px solid #333; + margin-bottom: 30px; + padding: 30px 0; + .header-image { + margin-right: 30px; + width: 200px; + } + .header-name { + font-size: 82px; + margin-top: 0; + } + .header-text { + color: #000; + font-size: 22px; + margin-bottom: 51px; + margin-top: 0; + } + .header-menu { + font-size: 18px; + margin-bottom: 0; + li { + &:first-child { + padding-left: 0; + } + &:last-child { + padding-right: 0; + } } + } } .footer { - background-color: #efefef; - color: grey; - border-top: 1px solid #ddd; - font-size: 12px; - margin-top: 30px; - padding: 30px 0; + background-color: #efefef; + color: grey; + border-top: 1px solid #ddd; + font-size: 12px; + margin-top: 30px; + padding: 30px 0; } .post { - font-size: 16px; - &.mini-post { - padding: 30px 0; - border-bottom: 1px solid #ddd; - &:last-child { - border-bottom: none; - } - .post-title { - font-size: 18px; - line-height: 1.42857143; // Bootstrap rule - margin-bottom: 10px; - margin-top: 0; - } - .post-date { - font-family: @sans-serif; - font-size: 18px; - } + font-size: 16px; + &.mini-post { + padding: 30px 0; + border-bottom: 1px solid #ddd; + &:last-child { + border-bottom: none; } - &.full-post { - * img { - max-width: 940px; - } + .post-title { + font-size: 18px; + line-height: 1.42857143; // Bootstrap rule + margin-bottom: 10px; + margin-top: 0; } + .post-date { + font-family: @sans-serif; + font-size: 18px; + } + } + &.full-post { + * img { + max-width: 940px; + } + } } // .highlight { @@ -119,6 +119,6 @@ a { // } .separator { - margin-top: 30px; - margin-bottom: 30px; + margin-top: 30px; + margin-bottom: 30px; }