Create lesshat.less

Create lesshat.less

//  * =========================================================== *
//  <                            LESSHat                          >
//  * =========================================================== *
//
// Made with Energy drinks in Prague, Czech Republic.
// Handcrafted by Petr Brzek, lesshat.com
// Works great with CSS Hat csshat.com

// version: v3.0.2 (2014-06-26)

// 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(...) {
  @process: ~`(function(r){return r=r||"stretch"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  @process_ms: ~`(function(t){return t=t||"stretch","flex-start"==t?t="start":"flex-end"==t?t="end":"space-between"==t?t="justify":"space-around"==t&&(t="distribute"),t})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-align-content: @process;
  -ms-flex-line-pack: @process_ms;
  align-content: @process;
}

.align-items(...) {
  @process_olderwebkit: ~`(function(t){return t=t||"stretch","flex-start"==t?t="start":"flex-end"==t&&(t="end"),t})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(t){return t=t||"stretch","flex-start"==t?t="start":"flex-end"==t&&(t="end"),t})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(t){return t=t||"stretch"})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  @process_ms: ~`(function(t){return t=t||"stretch","flex-start"==t?t="start":"flex-end"==t&&(t="end"),t})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-align: @process_olderwebkit;
  -moz-box-align: @process_moz;
  -webkit-align-items: @process;
  -ms-flex-align: @process_ms;
  align-items: @process;
}

.align-self(...) {
  @process: ~`(function(t){return t=t||"auto"})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  @process_ms: ~`(function(t){return t=t||"auto","flex-start"==t?t="start":"flex-end"==t&&(t="end"),t})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  -webkit-align-self: @process;
  -ms-flex-item-align: @process_ms;
  align-self: @process;
}

.animation(...) {
  @process: ~`(function(t){return t=t||"none",/^[^, ]*,/.test(t)&&(t=t.replace(/(?:,)(?![^(]*\))/g,"")),t})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation: @process;
  -moz-animation: @process;
  -o-animation: @process;
  animation: @process;
}

.animation-delay(...) {
  @process: ~`(function(t){t=t||"0";var r=/(?:\d)(?:ms|s)/gi,e=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(t)||"0"===t||(t=t.replace(e,function(t){return t+=parseFloat(t,10)>10?"ms":"s"})),t})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-delay: @process;
  -moz-animation-delay: @process;
  -o-animation-delay: @process;
  animation-delay: @process;
}

.animation-direction(...) {
  @process: ~`(function(r){return r||"normal"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-direction: @process;
  -moz-animation-direction: @process;
  -o-animation-direction: @process;
  animation-direction: @process;
}

.animation-duration(...) {
  @process: ~`(function(r){r=r||"0";var t=/ms|s/gi,e=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return t.test(r)||"0"===r||(r=r.replace(e,function(r){return r+=parseFloat(r,10)>10?"ms":"s"})),r})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-duration: @process;
  -moz-animation-duration: @process;
  -o-animation-duration: @process;
  animation-duration: @process;
}

.animation-fill-mode(...) {
  @process: ~`(function(r){return r||"none"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-fill-mode: @process;
  -moz-animation-fill-mode: @process;
  -o-animation-fill-mode: @process;
  animation-fill-mode: @process;
}

.animation-iteration-count(...) {
  @process: ~`(function(r){return r||"0"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-iteration-count: @process;
  -moz-animation-iteration-count: @process;
  -o-animation-iteration-count: @process;
  animation-iteration-count: @process;
}

.animation-name(...) {
  @process: ~`(function(r){return r||"none"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-name: @process;
  -moz-animation-name: @process;
  -o-animation-name: @process;
  animation-name: @process;
}

.animation-play-state(...) {
  @process: ~`(function(r){return r||"running"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-play-state: @process;
  -moz-animation-play-state: @process;
  -o-animation-play-state: @process;
  animation-play-state: @process;
}

.animation-timing-function(...) {
  @process: ~`(function(r){return r||"ease"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-animation-timing-function: @process;
  -moz-animation-timing-function: @process;
  -o-animation-timing-function: @process;
  animation-timing-function: @process;
}

.appearance(...) {
  @process: ~`(function(r){return r||"none"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-appearance: @process;
  -moz-appearance: @process;
  appearance: @process;
}

.backface-visibility(...) {
  @process: ~`(function(r){return r||"visible"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-backface-visibility: @process;
  -moz-backface-visibility: @process;
  -ms-backface-visibility: @process;
  -o-backface-visibility: @process;
  backface-visibility: @process;
}

.background-clip(...) {
  @process: ~`(function(r){return r||"border-box"})((function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  -webkit-background-clip: @process;
  -moz-background-clip: @process;
  background-clip: @process;
}

.background-image(...) {
  @process_ms: ~`(function(t){function e(t){var e,r,n,a,s,i,u,o,g="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",c=0,l=0,f="",d=[];if(!t)return t;do e=t.charCodeAt(c++),r=t.charCodeAt(c++),n=t.charCodeAt(c++),o=e<<16|r<<8|n,a=63&o>>18,s=63&o>>12,i=63&o>>6,u=63&o,d[l++]=g.charAt(a)+g.charAt(s)+g.charAt(i)+g.charAt(u);while(c<t.length);f=d.join("");var p=t.length%3;return(p?f.slice(0,p-3):f)+"===".slice(p||3)}if(t=t||8121991,8121991==t)return t;var r=/linear|radial/g.test(t)&&t.split(/,(?=\s*(?:linear|radial|url))/g),n=[],a={"to bottom":'x1="0%" y1="0%" x2="0%" y2="100%"',"to left":'x1="100%" y1="0%" x2="0%" y2="0%"',"to top":'x1="0%" y1="100%" x2="0%" y2="0%"',"to right":'x1="0%" y1="0%" x2="100%" y2="0%"',get"top"(){return this["to bottom"]},get"180deg"(){return this["to bottom"]},get"right"(){return this["to left"]},get"270deg"(){return this["to left"]},get"bottom"(){return this["to top"]},get"90deg"(){return this["to right"]},get"0deg"(){return this["to top"]},get"left"(){return this["to right"]},"-45deg":'x1="0%" y1="0%" x2="100%" y2="100%"',"45deg":'x1="0%" y1="100%" x2="100%" y2="0%"',"ellipse at center":'cx="50%" cy="50%" r="75%"',get"135deg"(){return this["-45deg"]}},s={uri_data:"url(data:image/svg+xml;base64,",xml:'<?xml version="1.0" ?>',svg_start:'<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none">',linear_gradient_start:'<linearGradient id="lesshat-generated" gradientUnits="userSpaceOnUse"',radial_gradient_start:'<radialGradient id="lesshat-generated" gradientUnits="userSpaceOnUse"',linear_gradient_end:"</linearGradient>",radial_gradient_end:"</radialGradient>",rect_linear:'<rect x="0" y="0" width="1" height="1" fill="url(#lesshat-generated)" />',rect_radial:'<rect x="-50" y="-50" width="101" height="101" fill="url(#lesshat-generated)" />',svg_end:"</svg>"};if(r.length){r.forEach(function(t){var e={};if(Object.keys(a).some(function(r){return t.indexOf(r)>=0?(e.svg_direction=a[r],!0):(e.svg_direction=!1,void 0)}),/linear/.test(t))e.svg_type="linear";else if(/radial/.test(t))e.svg_type="radial";else if(!/linear/.test(t)&&!/radial/.test(t))return e.url=t.trim(),e.svg_type="url",e.svg_direction=!0,n.push(e),!1;var r=t.match(/rgb|#[a-zA-Z0-9]|hsl/g).length;e.svg_stops=[],t=t.replace(/transparent/g,"rgba(0,0,0,0)"),t.match(/#[a-zA-Z0-9]/g)&&t.match(/(#[a-zA-Z0-9]+)\s*(\d+%)?/g).forEach(function(t){t=t.split(" "),e.svg_stops.push('<stop offset="'+(t[1]||!1)+'" stop-color="'+t[0]+'" stop-opacity="1"/>')}),t.match(/rgba?\(\d+,\s*\d+,\s*\d+(?:,\s*(0|1|\.\d+|0\.\d+))?\)/g)&&t.replace(/rgba?\((\d+,\s*\d+,\s*\d+)(?:,\s*(0|1|\.\d+|0\.\d+))?\)\s*(\d+%)?/g,function(t,r,n,a){e.svg_stops.push('<stop offset="'+(a||!1)+'" stop-color="rgb('+r+')" stop-opacity="'+(n||1)+'"/>')}),t.match(/hsla?\((\d+,\s*\d+%,\s*\d+%),\s*(0|1|\.\d+|0\.\d+)\)/g)&&t.replace(/hsla?\((\d+,\s*\d+%,\s*\d+%),\s*(0|1|\.\d+|0\.\d+)\)\s*(\d+%)?/g,function(t,r,n,a){e.svg_stops.push('<stop offset="'+(a||!1)+'" stop-color="hsl('+r+')" stop-opacity="'+(n||1)+'"/>')});var s=Math.floor(100/(r-1));e.svg_stops.forEach(function(t,r){/offset="false"/.test(t)&&(e.svg_stops[r]=t.replace(/offset="false"/,'offset="'+s*r+'%"'))}),e.svg_stops.sort(function(t,e){return t=t.match(/offset="(\d+)%"/),e=e.match(/offset="(\d+)%"/),2==t.length&&2==e.length?t[1]-e[1]:void 0}),n.push(e)});var i=[],u=n.every(function(t){for(var e in t)if(0==t[e]||0==t[e].length)return!1;return!0});if(!u)return 8121991;n.forEach(function(t,e){("linear"==t.svg_type||"radial"==t.svg_type)&&(i[e]=s.xml+s.svg_start),"linear"==t.svg_type?(i[e]+=s.linear_gradient_start+" "+t.svg_direction+">",t.svg_stops.forEach(function(t){i[e]+=t}),i[e]+=s.linear_gradient_end,i[e]+=s.rect_linear,i[e]+=s.svg_end):"radial"==t.svg_type?(i[e]+=s.radial_gradient_start+" "+t.svg_direction+">",t.svg_stops.forEach(function(t){i[e]+=t}),i[e]+=s.radial_gradient_end,i[e]+=s.rect_radial,i[e]+=s.svg_end):"url"==t.svg_type&&(i[e]=t.url)}),i.forEach(function(t,r){/<\?xml version="1.0" \?>/g.test(t)&&(i[r]=s.uri_data+e(t)+")")}),t=i.join(",")}return t})((
function(){var r="@{arguments}";return r=r.replace(/^\[|\]$/g,"")})())`;
  @process_webkit: ~`(function(t){if(t=t||8121991,8121991==t)return t;var e={"to bottom":"top","to left":"right","to top":"bottom","to right":"left","ellipse at center":"center, ellipse cover","circle closest-side":"center center, circle contain","circle farthest-corner":"center center, circle cover","circle farthest-side":"center center, circle cover","ellipse closest-side":"center center, ellipse contain","ellipse farthest-corner":"center center, ellipse cover","ellipse farthest-side":"center center, ellipse cover"},r=/(radial-gradient\()([a-z- ]+)at\s+(\w+%?)\s*(\w*%?)/g,n=Object.keys(e);return n.some(function(n){return t.indexOf(n)>=0?(t=t.replace(new RegExp(n+"(?![ a-z0-9])","g"),e[n]),!0):(r.test(t)&&(t=t.replace(r,function(t,e,r,n,a){return e.trim()+n.trim()+" "+a.trim()+","+r.replace(/closest-side/g,"contain").replace(/farthest-corner/g,"cover").trim()})),void 0)}),t=t.replace(/(\d+)\s*deg/g,function(t,e){return 90-e+"deg"}).replace(/(linear|radial)-gradient/g,"-webkit-$1-gradient")})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={"to bottom":"top","to left":"right","to top":"bottom","to right":"left","ellipse at center":"center, ellipse cover","circle closest-side":"center center, circle contain","circle farthest-corner":"center center, circle cover","circle farthest-side":"center center, circle cover","ellipse closest-side":"center center, ellipse contain","ellipse farthest-corner":"center center, ellipse cover","ellipse farthest-side":"center center, ellipse cover"},r=/(radial-gradient\()([a-z- ]+)at\s+(\w+%?)\s*(\w*%?)/g,n=Object.keys(t);return n.some(function(n){return e.indexOf(n)>=0?(e=e.replace(new RegExp(n+"(?![ a-z0-9])","g"),t[n]),!0):(r.test(e)&&(e=e.replace(r,function(e,t,r,n,a){return t.trim()+n.trim()+" "+a.trim()+","+r.replace(/closest-side/g,"contain").replace(/farthest-corner/g,"cover").trim()})),void 0)}),e=e.replace(/(\d+)\s*deg/g,function(e,t){return 90-t+"deg"}).replace(/(linear|radial)-gradient/g,"-moz-$1-gradient")})((function(){var t="@{arguments}";return t=t.replace(/^\[|\]$/g,"")})())`;
  @process_opera: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={"to bottom":"top","to left":"right","to top":"bottom","to right":"left","ellipse at center":"center, ellipse cover","circle closest-side":"center center, circle contain","circle farthest-corner":"center center, circle cover","circle farthest-side":"center center, circle cover","ellipse closest-side":"center center, ellipse contain","ellipse farthest-corner":"center center, ellipse cover","ellipse farthest-side":"center center, ellipse cover"},r=/(radial-gradient\()([a-z- ]+)at\s+(\w+%?)\s*(\w*%?)/g,n=Object.keys(t);return n.some(function(n){return e.indexOf(n)>=0?(e=e.replace(new RegExp(n+"(?![ a-z0-9])","g"),t[n]),!0):(r.test(e)&&(e=e.replace(r,function(e,t,r,n,a){return t.trim()+n.trim()+" "+a.trim()+","+r.replace(/closest-side/g,"contain").replace(/farthest-corner/g,"cover").trim()})),void 0)}),e=e.replace(/(\d+)\s*deg/g,function(e,t){return 90-t+"deg"}).replace(/(linear|radial)-gradient/g,"-o-$1-gradient")})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){if(e=e||8121991,8121991==e)return e;var t={top:"to bottom",right:"to left",bottom:"to top",left:"to right"},r=Object.keys(t);return r.some(function(r){return e.indexOf(r)>=0&&!new RegExp("to\\s+"+r+"|at\\s+"+r,"g").test(e)?(e=e.replace(new RegExp(r),t[r]),!0):void 0}),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  background-image: @process_ms;
  background-image: @process_webkit;
  background-image: @process_moz;
  background-image: @process_opera;
  background-image: @process;
}

.background-origin(...) {
  @process: ~`(function(e){return e||"padding-box"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-background-origin: @process;
  -moz-background-origin: @process;
  background-origin: @process;
}

.background-size(...) {
  @process: ~`(function(e){e=e||"auto auto";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-background-size: @process;
  -moz-background-size: @process;
  background-size: @process;
}

.blur(...) {
  @process: ~`(function(e){e=e||"0";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return 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-filter: blur(@process);
  -moz-filter: blur(@process);
  -ms-filter: blur(@process);
  filter: blur(@process);
}

.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;
}

.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;
}

.border-image(...) {
  @process: ~`(function(e){return e=e||8121991,/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-border-image: @process;
  -moz-border-image: @process;
  -o-border-image: @process;
  border-image: @process;
}

.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;
}

.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;
}

.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;
}

.box-shadow(...) {
  @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-box-shadow: @process;
  -moz-box-shadow: @process;
  box-shadow: @process;
}

.box-sizing(...) {
  @process: ~`(function(e){return e=e||"content-box"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-sizing: @process;
  -moz-box-sizing: @process;
  box-sizing: @process;
}

.brightness(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: brightness(@process);
  -moz-filter: brightness(@process);
  -ms-filter: brightness(@process);
  filter: brightness(@process);
}

.calc(...) {
  @process: ~`(function(e){function t(t,r){var a=");\n",c=n.split(","),i=c[0]+":"+t+"("+(c[1].trim()||0)+a;"start"==r?e="0;\n"+i:e+=i}e=e||8121991;var r="@{state}",n=e;if(8121991==e)return e;switch(r){case"1":t("-webkit-calc","start"),t("-moz-calc"),t("calc");break;case"2":t("-webkit-calc","start"),t("-moz-calc");break;case"3":t("-webkit-calc","start"),t("calc");break;case"4":t("-webkit-calc","start");break;case"5":t("-moz-calc","start"),t("calc");break;case"6":t("-moz-calc","start");break;case"7":t("calc","start")}return e=e.replace(/;$/g,"")})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @state: 1; -lh-property: @process;

}

.column-count(...) {
  @process: ~`(function(e){return e=e||"auto"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-column-count: @process;
  -moz-column-count: @process;
  column-count: @process;
}

.column-gap(...) {
  @process: ~`(function(e){e=e||"normal";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return 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-column-gap: @process;
  -moz-column-gap: @process;
  column-gap: @process;
}

.column-rule(...) {
  @process: ~`(function(e){e=e||"medium none black";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-column-rule: @process;
  -moz-column-rule: @process;
  column-rule: @process;
}

.column-width(...) {
  @process: ~`(function(e){e=e||"auto";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return 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-column-width: @process;
  -moz-column-width: @process;
  column-width: @process;
}

.columns(...) {
  @process: ~`(function(e){e=e||"auto auto";var t=/^\d+$/;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""),e=e.split(" ")),t.test(e[0])&&(e[0]=e[0]+"px"),e.join(" ")})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-columns: @process;
  -moz-columns: @process;
  columns: @process;
}

.contrast(...) {
  @process: ~`(function(e){e=e||"100%";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return t.test(e)&&(e=e.replace(r,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: ~"contrast(@{process})";
  -moz-filter: ~"contrast(@{process})";
  -ms-filter: ~"contrast(@{process})";
  filter: ~"contrast(@{process})";
}

.display(...) {
  @process_oldwebkit: ~`(function(e){return e="flex"==e||"inline-flex"==e?"-webkit-box":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){return e="flex"==e||"inline-flex"==e?"-moz-box":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_webkit: ~`(function(e){return e="flex"==e||"inline-flex"==e?"-webkit-"+e:8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_ms: ~`(function(e){return e="flex"==e?"-ms-flexbox":"inline-flex"==e?"-ms-inline-flexbox":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){return"flex"!=e&&"inline-flex"!=e&&(e=8121991),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  display: @process_oldwebkit;
  display: @process_moz;
  display: @process_webkit;
  display: @process_ms;
  display: @process;
}

.drop-shadow(...) {
  @process: ~`(function(e){if(e=e||8121991,8121991==e)return e;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-filter: drop-shadow(@process);
  -moz-filter: drop-shadow(@process);
  -ms-filter: drop-shadow(@process);
  filter: drop-shadow(@process);
}

.filter(...) {
  @process: ~`(function(e){return e=e||"none",/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: @process;
  -moz-filter: @process;
  -ms-filter: @process;
  filter: @process;
}

.flex(...) {
  @process_olderwebkit: ~`(function(e){return/^\d+/.test(e)?e=e.match(/^\d+/)[0]:""==e&&(e="0"),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){return/^\d+/.test(e)?e=e.match(/^\d+/)[0]:""==e&&(e="0"),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){return e=e||"0 1 auto",/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-flex: @process_olderwebkit;
  -moz-box-flex: @process_moz;
  -webkit-flex: @process;
  -ms-flex: @process;
  flex: @process;
}

.flex-basis(...) {
  @process: ~`(function(e){e=e||"auto";var t=/\d/gi,r=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return 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-flex-basis: @process;
  flex-basis: @process;
}

.flex-direction(...) {
  @process_oldestwebkit: ~`(function(e){return e="row"==e||"column"==e?"normal":"row-reverse"==e||"column-reverse"==e?"reverse":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_oldermoz: ~`(function(e){return e="row"==e||"column"==e?"normal":"row-reverse"==e||"column-reverse"==e?"reverse":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_olderwebkit: ~`(function(e){return e="row"==e||"row-reverse"==e?"horizontal":"column"==e||"column-reverse"==e?"vertical":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){return e="row"==e||"row-reverse"==e?"horizontal":"column"==e||"column-reverse"==e?"vertical":8121991})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){return e=e||"row"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-direction: @process_oldestwebkit;
  -moz-box-direction: @process_oldermoz;
  -webkit-box-orient: @process_olderwebkit;
  -moz-box-orient: @process_moz;
  -webkit-flex-direction: @process;
  -ms-flex-direction: @process;
  flex-direction: @process;
}

.flex-grow(...) {
  @process: ~`(function(e){return e=e||"0"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-flex-grow: @process;
  flex-grow: @process;
}

.flex-shrink(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-flex-shrink: @process;
  flex-shrink: @process;
}

.flex-wrap(...) {
  @process: ~`(function(e){return e=e||"nowrap"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-flex-wrap: @process;
  -ms-flex-wrap: @process;
  flex-wrap: @process;
}

.font-face(@fontname, @fontfile, @fontweight:normal, @fontstyle:normal) {
  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");
  font-weight: @fontweight;
  font-style: @fontstyle;
}

.grayscale(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: grayscale(@process);
  -moz-filter: grayscale(@process);
  -ms-filter: grayscale(@process);
  filter: grayscale(@process);
}

.hue-rotate(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: hue-rotate(@process);
  -moz-filter: hue-rotate(@process);
  -ms-filter: hue-rotate(@process);
  filter: hue-rotate(@process);
}

.hyphens(...) {
  @process: ~`(function(e){return e=e||"manual"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-hyphens: @process;
  -moz-hyphens: @process;
  -ms-hyphens: @process;
  hyphens: @process;
}

.invert(...) {
  @process: ~`(function(e){e=e||"100%";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: invert(@process);
  -moz-filter: invert(@process);
  -ms-filter: invert(@process);
  filter: invert(@process);
}

.justify-content(...) {
  @process_oldestWebkit: ~`(function(e){return e=e||"start","flex-start"==e?e="start":"flex-end"==e?e="end":("space-between"==e||"space-around"==e)&&(e="justify"),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){return e=e||"start","flex-start"==e?e="start":"flex-end"==e?e="end":("space-between"==e||"space-around"==e)&&(e="justify"),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_ms: ~`(function(e){return e=e||"start","flex-start"==e?e="start":"flex-end"==e?e="end":"space-between"==e?e="justify":"space-around"==e&&(e="distribute"),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){return e=e||"flex-start"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-pack: @process_oldestWebkit;
  -moz-box-pack: @process_moz;
  -ms-flex-pack: @process_ms;
  -webkit-justify-content: @process;
  justify-content: @process;
}

.keyframes(...) {
  @process: ~`(function(e){function r(r,t,c){var i="}\n",u=n.split(/(^[a-zA-Z0-9-]+),/g),s=t+" "+u[1]+"{",o=["-webkit-","-moz-","-ms-",""];c?a.forEach(function(r){-1!==e.indexOf(r)&&(u[2]=u[2].replace(new RegExp(r,"g"),function(e){return c+e}))}):u[2]=u[2].replace(/{([^}]+)}/g,function(e,r){var t=r.split(";");t.forEach(function(e,r){a.forEach(function(n){-1!==e.indexOf(n)&&(t[r]="",o.forEach(function(a){t[r]+=e.trim().replace(new RegExp(n,"g"),function(e){return a+e})+";"}))})});var n=t.join(";").replace(/;;/g,";");return e.replace(r,n)}),s+=u[2]+i,"start"==r?e="0; } \n"+s:"startend"==r?e="0; } \n"+s.replace(i,""):e+="end"==r?s.replace(i,""):s}e=e||8121991;var t="@{state}",n=e;if(8121991==e)return e;var a=["animation","transform","filter"];switch(t){case"1":r("start","@-webkit-keyframes","-webkit-"),r(null,"@-moz-keyframes","-moz-"),r(null,"@-o-keyframes","-o-"),r("end","@keyframes");break;case"2":r("start","@-webkit-keyframes","-webkit-"),r(null,"@-moz-keyframes","-moz-"),r("end","@keyframes");break;case"3":r("start","@-webkit-keyframes","-webkit-"),r(null,"@-moz-keyframes","-moz-"),r("end","@-o-keyframes","-o-");break;case"4":r("start","@-webkit-keyframes","-webkit-"),r(null,"@-o-keyframes","-o-"),r("end","@keyframes");break;case"5":r("start","@-webkit-keyframes","-webkit-"),r("end","@-moz-keyframes","-moz-");break;case"6":r("start","@-webkit-keyframes","-webkit-"),r("end","@-o-keyframes","-o-");break;case"7":r("start","@-webkit-keyframes","-webkit-"),r("end","@keyframes");break;case"8":r("startend","@-webkit-keyframes","-webkit-");break;case"9":r("start","@-moz-keyframes","-moz-"),r(null,"@-o-keyframes","-o-"),r("end","@keyframes");break;case"10":r("start","@-moz-keyframes","-moz-"),r("end","@-o-keyframes","-o-");break;case"11":r("start","@-moz-keyframes","-moz-"),r("end","@keyframes");break;case"12":r("startend","@-moz-keyframes","-moz-");break;case"13":r("start","@-o-keyframes","-o-"),r("end","@keyframes");break;case"14":r("startend","@-o-keyframes","-o-");break;case"15":r("startend","@keyframes")}return e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @state: 1; lesshat-selector { -lh-property: @process; }

}

.opacity(...) {
  @process_ms: ~`(function(e){return e=e||"filter: alpha(opacity=100)","alpha(opacity="+Math.floor(100*e)+")"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
   zoom: 1; filter: @process_ms;
  -webkit-opacity: @process;
  -moz-opacity: @process;
  opacity: @process;
}

.order(...) {
  @process: ~`(function(e){return e=e||"0"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-box-ordinal-group: @process;
  -moz-box-ordinal-group: @process;
  -ms-flex-order: @process;
  -webkit-order: @process;
  order: @process;
}

.perspective(...) {
  @process: ~`(function(e){e=e||"none";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-perspective: @process;
  -moz-perspective: @process;
  perspective: @process;
}

.perspective-origin(...) {
  @process: ~`(function(e){e=e||"50% 50%";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-perspective-origin: @process;
  -moz-perspective-origin: @process;
  perspective-origin: @process;
}

.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;
    }
  }
  .inception (@arguments) when (@element = 08121991) {
    &::-webkit-input-placeholder {
       color: @color;
    }
    &:-moz-placeholder {
       color: @color;
    }
    &::-moz-placeholder {
       color: @color;
    }
    &:-ms-input-placeholder {
       color: @color;
    }
  }
  .inception(@arguments);
}

.rotate(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: rotate(@process);
  -moz-transform: rotate(@process);
  -ms-transform: rotate(@process);
  -o-transform: rotate(@process);
  transform: rotate(@process);
}

.rotate3d(...) {
  @process: ~`(function(e){return e=e||"0, 0, 0, 0",e=e.replace(/,\s*\d+$/,function(e){return e+"deg"})})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: rotate3d(@process);
  -moz-transform: rotate3d(@process);
  -ms-transform: rotate3d(@process);
  -o-transform: rotate3d(@process);
  transform: rotate3d(@process);
}

.rotateX(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: rotateX(@process);
  -moz-transform: rotateX(@process);
  -ms-transform: rotateX(@process);
  -o-transform: rotateX(@process);
  transform: rotateX(@process);
}

.rotateY(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: rotateY(@process);
  -moz-transform: rotateY(@process);
  -ms-transform: rotateY(@process);
  -o-transform: rotateY(@process);
  transform: rotateY(@process);
}

.rotateZ(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: rotateZ(@process);
  -moz-transform: rotateZ(@process);
  -ms-transform: rotateZ(@process);
  -o-transform: rotateZ(@process);
  transform: rotateZ(@process);
}

.saturate(...) {
  @process: ~`(function(e){e=e||"100%";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: ~"saturate(@{process})";
  -moz-filter: ~"saturate(@{process})";
  -ms-filter: ~"saturate(@{process})";
  filter: ~"saturate(@{process})";
}

.scale(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: scale(@process);
  -moz-transform: scale(@process);
  -ms-transform: scale(@process);
  -o-transform: scale(@process);
  transform: scale(@process);
}

.scale3d(...) {
  @process: ~`(function(e){return e=e||"1, 1, 1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: scale3d(@process);
  -moz-transform: scale3d(@process);
  -ms-transform: scale3d(@process);
  -o-transform: scale3d(@process);
  transform: scale3d(@process);
}

.scaleX(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: scaleX(@process);
  -moz-transform: scaleX(@process);
  -ms-transform: scaleX(@process);
  -o-transform: scaleX(@process);
  transform: scaleX(@process);
}

.scaleY(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: scaleY(@process);
  -moz-transform: scaleY(@process);
  -ms-transform: scaleY(@process);
  -o-transform: scaleY(@process);
  transform: scaleY(@process);
}

.scaleZ(...) {
  @process: ~`(function(e){return e=e||"1"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: scaleZ(@process);
  -moz-transform: scaleZ(@process);
  -ms-transform: scaleZ(@process);
  -o-transform: scaleZ(@process);
  transform: scaleZ(@process);
}

.selection(...) {
  @process: ~`(function(e){function r(r,t){var a="}\n",c=n.split(","),u=(c[1]||"")+t+"{"+c[0]+a;"start"==r?e="0; } \n"+u:"startend"==r?e="0; } \n"+u.replace(a,""):e+="end"==r?u.replace(a,""):u}e=e||8121991;var t="@{state}",n=e;if(8121991==e)return e;switch(t){case"1":r("start","::selection"),r("end","::-moz-selection");break;case"2":r("startend","::selection");break;case"3":r("startend","::-moz-selection")}return e=e.replace(/;$/g,"")})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @state: 1; lesshat-selector { -lh-property: @process; }

}

.sepia(...) {
  @process: ~`(function(e){e=e||"100%";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-filter: sepia(@process);
  -moz-filter: sepia(@process);
  -ms-filter: sepia(@process);
  filter: sepia(@process);
}

.size(@square) {
  @unit: 'px';
  .process(@square) when (ispixel(@square)), (isem(@square)), (ispercentage(@square)), (iskeyword(@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}`;
  }

  .process(@square);

}

.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);
  }

  .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);
  }

  .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}`;
  }

  .process(@width, @height);

}

.skew(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: skew(@process);
  -moz-transform: skew(@process);
  -ms-transform: skew(@process);
  -o-transform: skew(@process);
  transform: skew(@process);
}

.skewX(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: skewX(@process);
  -moz-transform: skewX(@process);
  -ms-transform: skewX(@process);
  -o-transform: skewX(@process);
  transform: skewX(@process);
}

.skewY(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"deg"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: skewY(@process);
  -moz-transform: skewY(@process);
  -ms-transform: skewY(@process);
  -o-transform: skewY(@process);
  transform: skewY(@process);
}

.transform(...) {
  @process: ~`(function(e){e=e||"none";var r={translate:"px",rotate:"deg",rotate3d:"deg",skew:"deg"};/^\w*\(?[a-z0-9.]*\)?/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));for(var t in r)e.indexOf(t)>=0&&(e=e.replace(new RegExp(t+"[\\w]?\\([a-z0-9, %]*\\)"),function(e){var n=/(\d+\.?\d*)(?!\w|%)/g;return"rotate3d"==t&&(n=/,\s*\d+$/),e.replace(n,function(e){return e+r[t]})}));return e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: @process;
  -moz-transform: @process;
  -ms-transform: @process;
  -o-transform: @process;
  transform: @process;
}

.transform-origin(...) {
  @process: ~`(function(e){e=e||"50% 50% 0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"%"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform-origin: @process;
  -moz-transform-origin: @process;
  -ms-transform-origin: @process;
  -o-transform-origin: @process;
  transform-origin: @process;
}

.transform-style(...) {
  @process: ~`(function(e){return e=e||"flat"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform-style: @process;
  -moz-transform-style: @process;
  -ms-transform-style: @process;
  -o-transform-style: @process;
  transform-style: @process;
}

.transition(...) {
  @process_webkit: ~`(function(e){e=e||"all 0 ease 0";var r=["background-size","border-radius","border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","box-shadow","column","transform","filter"],t="-webkit-",n=/(?:\d)(?:ms|s)/gi,a=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),n.test(e)||"0"===e||(e=e.replace(a,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){e=e||"all 0 ease 0";var r=["background-size","box-shadow","column","transform","filter"],t="-moz-",n=/(?:\d)(?:ms|s)/gi,a=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),n.test(e)||"0"===e||(e=e.replace(a,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_opera: ~`(function(e){e=e||"all 0 ease 0";var r=["transform"],t="-o-",n=/(?:\d)(?:ms|s)/gi,a=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,"")),r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),n.test(e)||"0"===e||(e=e.replace(a,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){e=e||"all 0 ease 0";var r=["-webkit-","-moz-","-o-",""],t=["column","transform","filter"],n=/(?:\d)(?:ms|s)/gi,a=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%)/gi;/^[^, ]*,/.test(e)&&(e=e.replace(/(?:,)(?![^(]*\))/g,""));var c=e.split(/(?:,)(?![^(]*\))/g);return c.forEach(function(e,n){t.forEach(function(t){-1!==e.indexOf(t)&&(c[n]="",r.forEach(function(a,u){c[n]+=e.trim().replace(new RegExp(t,"g"),function(e){return a+e}),u<r.length-1&&(c[n]+=",")}))})}),e=c.join(","),n.test(e)||"0"===e||(e=e.replace(a,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transition: @process_webkit;
  -moz-transition: @process_moz;
  -o-transition: @process_opera;
  transition: @process;
}

.transition-delay(...) {
  @process: ~`(function(e){e=e||"0";var r=/(?:\d)(?:ms|s)/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)||"0"===e||(e=e.replace(t,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transition-delay: @process;
  -moz-transition-delay: @process;
  -o-transition-delay: @process;
  transition-delay: @process;
}

.transition-duration(...) {
  @process: ~`(function(e){e=e||"0";var r=/ms|s/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)||"0"===e||(e=e.replace(t,function(e){return e+=parseFloat(e,10)>10?"ms":"s"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transition-duration: @process;
  -moz-transition-duration: @process;
  -o-transition-duration: @process;
  transition-duration: @process;
}

.transition-property(...) {
  @process_webkit: ~`(function(e){e=e||"all";var r=["background-size","border-radius","border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","box-shadow","column","transform","filter"],t="-webkit-";return r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_moz: ~`(function(e){e=e||"all";var r=["background-size","box-shadow","column","transform","filter"],t="-moz-";return r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process_opera: ~`(function(e){e=e||"all";var r=["transform"],t="-o-";return r.forEach(function(r){-1!==e.indexOf(r)&&(e=e.replace(new RegExp(r,"g"),function(e){return t+e}))}),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  @process: ~`(function(e){e=e||"all";var r=["-webkit-","-moz-","-o-",""],t=["column","transform","filter"],n=e.split(/(?:,)(?![^(]*\))/g);return n.forEach(function(e,a){t.forEach(function(t){-1!==e.indexOf(t)&&(n[a]="",r.forEach(function(c,u){n[a]+=e.trim().replace(new RegExp(t,"g"),function(e){return c+e}),u<r.length-1&&(n[a]+=",")}))})}),e=n.join(",")})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transition-property: @process_webkit;
  -moz-transition-property: @process_moz;
  -o-transition-property: @process_opera;
  transition-property: @process;
}

.transition-timing-function(...) {
  @process: ~`(function(e){return e=e||"ease"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transition-timing-function: @process;
  -moz-transition-timing-function: @process;
  -o-transition-timing-function: @process;
  transition-timing-function: @process;
}

.translate(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: translate(@process);
  -moz-transform: translate(@process);
  -ms-transform: translate(@process);
  -o-transform: translate(@process);
  transform: translate(@process);
}

.translate3d(...) {
  @process: ~`(function(e){e=e||"0, 0, 0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: translate3d(@process);
  -moz-transform: translate3d(@process);
  -ms-transform: translate3d(@process);
  -o-transform: translate3d(@process);
  transform: translate3d(@process);
}

.translateX(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: translateX(@process);
  -moz-transform: translateX(@process);
  -ms-transform: translateX(@process);
  -o-transform: translateX(@process);
  transform: translateX(@process);
}

.translateY(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: translateY(@process);
  -moz-transform: translateY(@process);
  -ms-transform: translateY(@process);
  -o-transform: translateY(@process);
  transform: translateY(@process);
}

.translateZ(...) {
  @process: ~`(function(e){e=e||"0";var r=/\d/gi,t=/(?:\s|^)(\.?\d+\.?\d*)(?![^(]*\)|\w|%|\.)/gi;return r.test(e)&&(e=e.replace(t,function(e){return 0==e&&e||e+"px"})),e})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-transform: translateZ(@process);
  -moz-transform: translateZ(@process);
  -ms-transform: translateZ(@process);
  -o-transform: translateZ(@process);
  transform: translateZ(@process);
}

.user-select(...) {
  @process: ~`(function(e){return e=e||"auto"})((function(){var e="@{arguments}";return e=e.replace(/^\[|\]$/g,"")})())`;
  -webkit-user-select: @process;
  -moz-user-select: @process;
  -ms-user-select: @process;
  user-select: @process;
}

error: pathspec 'less/mixins/lesshat.less' did not match any file(s) known to git


fix(Header): fix header desktop logo style

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'


Change article width

Change article width

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/messier219/mneme.git/'


Create 01-reset.less

Create 01-reset.less

/* for HTML 5 */
article, aside, datagrid, datalist, details, dialog, figure, footer, header, main, menu, nav, section { display: block; }
audio, canvas, progress, video { display: inline-block; }
abbr, eventsource, mark, meter, time, output, bb { display: inline; }

/* to comment/fallback if you care about IE<8 */
html { box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit;
}

/* reset minimum */
html, body, blockquote, ul, ol, form, button { margin: 0; padding: 0; }
button { border: 0; }
p, ul, ol, dl, blockquote, pre, td, th, label, textarea {
  font-size: 1em;
  line-height: @l-h;
  margin: (@l-h + 0em) 0;
}

/* fix display img/iframe */
img,
iframe { vertical-align: middle; }

ul, ol { padding-left: 2em; }

.unstyled {
  padding-left: 0;
  list-style-type: none;
}

[dir="rtl"] {
  & ol when (@rtl_option) {
  /* RTL */
  padding-left: 0;
  padding-right: 2em;
  }
  & ul when (@rtl_option) {
  /* RTL */
  padding-left: 0;
  padding-right: 2em;
  }
}

/* base font size at 10px */
html {
  font-size: 62.5%;
  /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
  /* Thanks to @guardian, @victorbritopro, @eQRoeil & Knacss */
  font-size: calc(1em * 0.625);
}
body {
  background: #fff;
  color: #333;
  font-family: @font-family;
  font-size: (@basefont / 10) + 0em;
  line-height: @l-h;
}

error: pathspec 'less/rocssti-en/01-reset.less' did not match any file(s) known to git


Make syntax dependent on UI hue

Make syntax dependent on UI hue

Just a first POC

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/nviel/nico-syntax.git/'


Added mixin to allow videos to behave like background cover

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/solid-js/solidify.git/'


:art:

:art:

fatal: unable to access 'https://github.com/nviel/nico-syntax.git/': The requested URL returned error: 403


New design for whackamole, hide the input by default

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


removed font size from form label

removed font size from form label

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aoimedia/uikit.git/'


Détails de styling.

Détails de styling.

@import 'typeahead-bootstrap/typeahead.js-bootstrap';
@import 'bootstrap';
@import '../font-awesome/less/font-awesome';

//
// Bootstrap variables
//

@icon-font-path: '../bootstrap/fonts/';
@fa-font-path:   '../font-awesome/fonts';

@font-size-base:         15px;
@font-family-serif:      'Linux Libertine', Georgia, serif;
@font-family-sans-serif: 'Linux Biolinum', Arial, sans-serif;
@font-family-monospace:  'Linux Libertine Monospace', Monaco, monospace;
@font-family-base:       @font-family-sans-serif;
@headings-font-family:   @font-family-serif;

@brand-primary:           lighten(desaturate(@link-color, 20%), 20%);
@link-color:              darken(saturate(spin(@body-bg, -33), 100%), 52%);
@link-hover-color:        lighten(@link-color, 5%);
@text-color:              black;
@input-color:             @text-color;
@input-color-placeholder: lighten(desaturate(@text-color, 100%), 45%);
@input-border-focus:      fadeout(@link-hover-color, 20%);

@navbar-default-link-color:        @gray;
@navbar-default-link-hover-color:  @gray-darker;
@navbar-default-link-active-color: black;

@breadcrumb-separator: '\00A0/';

@body-bg: hsv(50, 10%, 100%);
@well-bg: darken(@body-bg, 4%);

@carousel-caption-color: black;
@carousel-text-shadow: 1px 1px 0px white;
@carousel-control-width: 10%;
@carousel-control-color: @link-color;
@carousel-control-opacity: 0.8;
@carousel-control-font-size: 60px;
@carousel-indicator-border-color: white;
@carousel-indicator-active-bg: @carousel-indicator-border-color;

//
// Custom variables
//

@default-font-features: 'kern', 'liga', 'dlig', 'clig', 'hlig';

@content-padding-bottom: @grid-gutter-width;

@footer-padding-y:   15px;
@footer-line-height: 50px;
@footer-height:      @footer-line-height + @footer-padding-y * 2 + @footer-border-width;
@footer-height-sm:   @footer-height + @footer-line-height;
@footer-bg:          @navbar-default-bg;
@footer-color:       darken(@footer-bg, 40%);
@footer-border-width: 1px;
@footer-border-color: @navbar-default-border;

//
// Mixins
//

.font-feature-settings(@settings) {
  -webkit-font-feature-settings: @settings;
     -moz-font-feature-settings: @settings;
      -ms-font-feature-settings: @settings;
       -o-font-feature-settings: @settings;
          font-feature-settings: @settings;
}

.column-count (@count) {
  -webkit-column-count: @count;
     -moz-column-count: @count;
          column-count: @count;
}

.column-gap (@gap) {
  -webkit-column-gap: @gap;
     -moz-column-gap: @gap;
          column-gap: @gap;
}

.animation(@animation) {
  -webkit-animation: @animation;
     -moz-animation: @animation;
       -o-animation: @animation;
          animation: @animation;
}

.small-caps () {
  .font-feature-settings(@default-font-features, 'smcp';);
}

//
// Fonts
//

// Serif font

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinLibertine_R.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: 600;  // Semi-bold
  src: url(fonts/LinLibertine_RZ.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/LinLibertine_RB.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: normal;
  src: url(fonts/LinLibertine_RI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: 600;  // Semi-bold
  src: url(fonts/LinLibertine_RZI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: bold;
  src: url(fonts/LinLibertine_RBI.woff) format('woff');
}

// Sans serif font

@font-face {
  font-family: 'Linux Biolinum';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinBiolinum_R.woff) format('woff');
}

@font-face {
  font-family: 'Linux Biolinum';
  font-style: italic;
  font-weight: normal;
  src: url(fonts/LinBiolinum_RI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Biolinum';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/LinBiolinum_RB.woff) format('woff');
}

// FIXME: This hack allows bold-italic support for Biolinum.
@font-face {
  font-family: 'Linux Biolinum';
  font-style: italic;
  font-weight: bold;
  src: url(fonts/LinLibertine_RBI.woff) format('woff');
}

// Monospace font

@font-face {
  font-family: 'Linux Libertine Monospace';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinLibertine_M.woff) format('woff');
}

// Dezède icons

@font-face {
  font-family: 'Dezède icons';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/dezede-icons.woff) format('woff');
}

//
// Custom styling
//

html, body {
  height: 100%;
}

body {
  overflow-y: scroll;
  .font-feature-settings(@default-font-features);
  // For TinyMCE only: #content exists in front office, but not body#content.
  &.mceContentBody, &#main {
    margin: 5px;
  }
  &.mceContentBody {
    min-height: 0;
    min-width: 0;
    padding: 15px;
  }
}

// Both for front office and TinyMCE
#main, .mceContentBody {
  min-height: 100%;
  height: auto !important;  // Those two lines are a min-height hack for IE.
  height: 100%;             //
  margin-bottom: -@footer-height;
}

#content {
  padding-top: @navbar-height;
  padding-bottom: @footer-height + @content-padding-bottom;
}

a:not(.btn):not(.tooltip):not(.ui-slider-handle) {
  text-decoration: none;
  .auto-links &:not(.endless_page_link) {
    color: black;
    &:hover {
      color: @link-hover-color;
    }
  }
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 1px 1px 0 white;
}

p {
  text-align: justify;
}

.well {
  :first-child {
    margin-top: 0;
  }
}

.row.facts {
  text-align: center;
  p {
    text-align: inherit;
  }
}

.sc {
  .small-caps;
}

sup {
  top: -0.3em;
}

cite {
  font-style: italic;
}

.btn.disabled {
  pointer-events: auto;
}

.fa.fa-square-o {
  &:before {
    content: '\f096';
  }
  .active &:before {
    content: '\f046';
  }
}

.title-header {
  padding: 0;
  #logo {
    margin: -50px 0 -80px;
  }
  #slogan {
    margin: 40px 0 0;
    font-family: @font-family-serif;
    font-style: italic;
    font-size: @font-size-h2;
    .btn {
      position: relative;
      top: -2px;
      margin-left: @grid-gutter-width / 2;
      padding: 1px 6px;
    }
  }
}

#carousel-home {
  margin-bottom: @grid-gutter-width;
}

.carousel {
  @border-radius: @border-radius-large;
  .carousel-inner {
    border-radius: @border-radius;
    .carousel-background {
      background: hsv(0, 0%, 90%);
      img {
        height: 450px;
      }
    }
  }
  .carousel-caption {
    @font-size-ratio: 2.0;
    display: inline-block;
    left: @carousel-control-width;
    right: @carousel-control-width;
    bottom: 10%;
    text-align: inherit;
    header, article {
      display: inline-block;
    }
    &.text-background {
      &>* {
        padding-left: @padding-large-horizontal;
        padding-right: @padding-large-horizontal;
      }
      header, article {
        background: fadeout(@navbar-default-bg, 25%);
      }
    }
    header {
      .small-caps;
      padding-bottom: 10px;
    }
    article {
      font-family: @font-family-serif;
      font-size: @font-size-base * @font-size-ratio;
      font-style: italic;
      padding-top: 10px;
    }
    h1 {
      font-size: @font-size-h1 * @font-size-ratio;
    }
    h2 {
      font-size: @font-size-h2 * @font-size-ratio;
    }
    .read-more {
      display: block;
      margin-top: 20px;
    }
  }
  .carousel-control {
    z-index: 15;
    &.left, &.right {
      background: none;
      .fa {
        position: absolute;
        top: 50%;
        width: @carousel-control-font-size;
        height: @carousel-control-font-size;
        margin-top: -@carousel-control-font-size / 2;
        margin-left: -@carousel-control-font-size / 2;
      }
    }
    &.left {
      .border-left-radius(@border-radius);
    }
    &.right {
      .border-right-radius(@border-radius);
    }
  }
  .carousel-indicators {
    li {
      box-shadow: 0px 0px 5px grey;
      &.active {
        background-color: @brand-primary;
      }
    }
  }
}

blockquote {
  p {
    font-size: @font-size-base;
  }
}

dl {
  dt {
    color: grey;
    font-weight: normal;
  }
  dd {
    padding-left: 20px;
    &+dt {
      padding-top: 8px;
    }
  }
}

.dossier {
  font-family: @font-family-serif;

  .presentation {
    font-size: round(@font-size-base * 1.2);
  }
  h2 {
    margin-top: floor(@font-size-h2 * @line-height-large);
    margin-bottom: floor(@font-size-h2 * @line-height-large / 2);
  }
}

.data-table {
  th, td {
    line-height: 10 * @line-height-base / 11;
    vertical-align: baseline;
  }
  th {
    white-space: nowrap;
    padding-right: 20px;
    padding-top: 10px;
    font-weight: normal;
  }
  th+td {
    padding-top: 10px;
  }
  td {
    text-align: justify;
  }
}

.columns2 {
  .column-count(2);
  .column-gap(@grid-gutter-width);
  .column-cell {
    display: inline-block;
    margin-bottom: @grid-gutter-width / 2;
    .btn-group, .btn-group>.btn {
      position: static;
    }
  }
}

.result {
  h4 {
    margin-top: 0;
  }
  .btn.disabled {
    @base-result-background: hsv(0, 25%, 97%);
    .apply-background (@spin) {
      background: spin(@base-result-background, @spin);
    }
    &.evenement {
      .apply-background(0);
    }
    &.individu {
      .apply-background(40);
    }
    &.lieu {
      .apply-background(80);
    }
    &.oeuvre {
      .apply-background(120);
    }
    &.source {
      .apply-background(200);
    }
    &.partie {
      .apply-background(260);
    }
    &.profession {
      .apply-background(320);
    }
  }
}

blockquote.source .contenu {
  font-family: @font-family-serif;
  text-align: justify;
  margin: .5em 0;
  *:first-child {
    margin-top: 0;
  }
  *:last-child {
    margin-bottom: 0;
  }
}

.programme_titre {
  margin: 0.75em 0 0.5em 0;
}

table.programme {
  tr+tr {
    margin-top: 5px;
  }
  tr td {
    vertical-align: baseline;
  }
  tr td:first-child {
    text-align: right;
    padding-right: 6px;
  }
}

table {
  text-align: left;
  border-collapse: collapse;
}

.page-header.no-separator {
  border: none;
}

#criteria {
  font-size: @font-size-base;
  margin-top: 10px;
  cursor: default;
  .ui-button-text {
    padding: .2em .5em;
  }
}

.ui-widget * {
  font-family: 'Gentium Basic', serif;
  line-height: normal;
}

ul.jqtree-tree {
  .jqtree-element {
    cursor: auto;
  }
  .jqtree-toggler {
    top: 25%;
    .jqtree-loading & .fa {
      .animation(spin 2s infinite linear);  // Same as adding .fa-spin
      &:before {
        content: '\f110';  // Same as overwriting with .fa-spinner
      }
    }
  }
}

.panel-group {
  .panel {
    + .panel {
      margin-top: 2px;
    }
  }

  .panel-heading {
    padding: 6px 15px;
  }

  .panel-body {
    max-height: 300px;
    overflow: auto;
  }
}

.ui-helper-reset {
  text-decoration: none;
  list-style: none;
}

.dropdown-submenu .dropdown-menu form {
  margin: 0;
}

.navbar {
  &>.container {
    .navbar-brand {
      margin-left: 0;
      @font-size: floor(@navbar-height * 2 / 3);
      font-size: @font-size;
      line-height: 1;  // Hack to force line-height to follow font-size.
      padding: floor((@navbar-height - @font-size) / 2)
               @navbar-padding-horizontal;
      color: black;
      &:hover {
        color: @brand-primary;
      }
    }
  }
}

.dezedeicon {
  font-family: 'Dezède icons';
  &.D:before {
    content: 'D';
  }
}

.above-text {
  z-index: 500;
}

.ui-slider {
  .ui-slider-range {
    background: @btn-primary-bg;
  }

  .ui-slider-handle {
    background: @gray-lighter
  }
}

ul.ui-autocomplete li a, .results_on_deck > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.affix {
  top: 80px;
}

.affix-bottom {
  position: absolute;
}

#dossier-switcher {
  margin-top: @grid-gutter-width;
}

form .results_on_deck {
  padding: 0;
  &>div {
    margin: 0;
  }
}

.tooltip {
  .tooltip-inner {
    font-size: @font-size-base;
    font-weight: normal;
    padding: 2px 6px;
  }
  &.left {
    margin-left: -13px;
  }
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  background: @pagination-active-bg;
  .opacity(60);
}

footer {
  width: 100%;
  color: @footer-color;
  background: @footer-bg;
  border-top: @footer-border-width solid @footer-border-color;
  &>.container {
    padding-top: @footer-padding-y;
    padding-bottom: @footer-padding-y;
    .row {
      &>* {
        height: @footer-line-height;
        line-height: @footer-line-height;
      }
      #softwares {
        line-height: @footer-line-height / 2;
        p {
          margin: 0;
        }
      }
      #logos {
        a:not(:first-child) {
          margin-left: 10px;
        }
      }
    }
  }
}

//
// Responsive styling
//

@media (max-width: @screen-xs-max) {
  .affix-top, .affix, .affix-bottom {
    position: static;
  }

  .columns2 {
    .column-count(1);
  }
}

@media (max-width: @screen-sm-max) {
  #main {
    margin-bottom: -@footer-height-sm;
  }

  #content {
    padding-bottom: @footer-height-sm + @content-padding-bottom;
  }

  footer .container .row>* {
    height: @footer-line-height * 2;
  }

  @media (min-width: @screen-sm-min) {
    .row.facts .well {
      margin-bottom: 0;
    }
  }
}

.container-col-width(@cols; @container-width; @screen-width-min) {
  @media (min-width: @screen-width-min) {
    width: @cols * @container-width / @grid-columns - @grid-gutter-width;
  }
}

.affix-top, .affix, .affix-bottom {
  .col-sm-3>& {
    .container-col-width(3; @container-sm; @screen-sm-min);
    .container-col-width(3; @container-md; @screen-md-min);
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-sm-4>& {
    .container-col-width(4; @container-sm; @screen-sm-min);
    .container-col-width(4; @container-md; @screen-md-min);
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-sm-5>& {
    .container-col-width(5; @container-sm; @screen-sm-min);
    .container-col-width(5; @container-md; @screen-md-min);
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-sm-6>& {
    .container-col-width(6; @container-sm; @screen-sm-min);
    .container-col-width(6; @container-md; @screen-md-min);
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
  .col-md-3>& {
    .container-col-width(3; @container-md; @screen-md-min);
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-md-4>& {
    .container-col-width(4; @container-md; @screen-md-min);
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-md-5>& {
    .container-col-width(5; @container-md; @screen-md-min);
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-md-6>& {
    .container-col-width(6; @container-md; @screen-md-min);
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
  .col-lg-3>& {
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-lg-4>& {
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-lg-5>& {
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-lg-6>& {
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
}

.tt-hint {
  color: @input-color-placeholder;
  .input-group &:first-child+.form-control {
    border-radius: @input-border-radius;
    &:not(:last-child) {
      .border-right-radius(0);
    }
  }
}

.tt-suggestion p {
  text-align: inherit;
}

@import 'typeahead-bootstrap/typeahead.js-bootstrap';
@import 'bootstrap';
@import '../font-awesome/less/font-awesome';

//
// Bootstrap variables
//

@icon-font-path: '../bootstrap/fonts/';
@fa-font-path:   '../font-awesome/fonts';

@font-size-base:         15px;
@font-family-serif:      'Linux Libertine', Georgia, serif;
@font-family-sans-serif: 'Linux Biolinum', Arial, sans-serif;
@font-family-monospace:  'Linux Libertine Monospace', Monaco, monospace;
@font-family-base:       @font-family-sans-serif;
@headings-font-family:   @font-family-serif;

@brand-primary:           lighten(desaturate(@link-color, 20%), 20%);
@link-color:              darken(saturate(spin(@body-bg, -33), 100%), 52%);
@link-hover-color:        lighten(@link-color, 5%);
@text-color:              black;
@input-color:             @text-color;
@input-color-placeholder: lighten(desaturate(@text-color, 100%), 45%);

@navbar-default-link-color:        @gray;
@navbar-default-link-hover-color:  @gray-darker;
@navbar-default-link-active-color: black;

@breadcrumb-separator: '\00A0/';

@body-bg: hsv(50, 10%, 100%);
@well-bg: darken(@body-bg, 4%);

@carousel-caption-color: black;
@carousel-text-shadow: 1px 1px 0px white;
@carousel-control-width: 10%;
@carousel-control-color: @link-color;
@carousel-control-opacity: 0.8;
@carousel-control-font-size: 60px;
@carousel-indicator-border-color: white;
@carousel-indicator-active-bg: @carousel-indicator-border-color;

//
// Custom variables
//

@default-font-features: 'kern', 'liga', 'dlig', 'clig', 'hlig';

@content-padding-bottom: @grid-gutter-width;

@footer-padding-y:   15px;
@footer-line-height: 50px;
@footer-height:      @footer-line-height + @footer-padding-y * 2 + @footer-border-width;
@footer-height-sm:   @footer-height + @footer-line-height;
@footer-bg:          @navbar-default-bg;
@footer-color:       darken(@footer-bg, 40%);
@footer-border-width: 1px;
@footer-border-color: @navbar-default-border;

//
// Mixins
//

.font-feature-settings(@settings) {
  -webkit-font-feature-settings: @settings;
     -moz-font-feature-settings: @settings;
      -ms-font-feature-settings: @settings;
       -o-font-feature-settings: @settings;
          font-feature-settings: @settings;
}

.column-count (@count) {
  -webkit-column-count: @count;
     -moz-column-count: @count;
          column-count: @count;
}

.column-gap (@gap) {
  -webkit-column-gap: @gap;
     -moz-column-gap: @gap;
          column-gap: @gap;
}

.animation(@animation) {
  -webkit-animation: @animation;
     -moz-animation: @animation;
       -o-animation: @animation;
          animation: @animation;
}

.small-caps () {
  .font-feature-settings(@default-font-features, 'smcp';);
}

//
// Fonts
//

// Serif font

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinLibertine_R.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: 600;  // Semi-bold
  src: url(fonts/LinLibertine_RZ.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/LinLibertine_RB.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: normal;
  src: url(fonts/LinLibertine_RI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: 600;  // Semi-bold
  src: url(fonts/LinLibertine_RZI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Libertine';
  font-style: italic;
  font-weight: bold;
  src: url(fonts/LinLibertine_RBI.woff) format('woff');
}

// Sans serif font

@font-face {
  font-family: 'Linux Biolinum';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinBiolinum_R.woff) format('woff');
}

@font-face {
  font-family: 'Linux Biolinum';
  font-style: italic;
  font-weight: normal;
  src: url(fonts/LinBiolinum_RI.woff) format('woff');
}

@font-face {
  font-family: 'Linux Biolinum';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/LinBiolinum_RB.woff) format('woff');
}

// FIXME: This hack allows bold-italic support for Biolinum.
@font-face {
  font-family: 'Linux Biolinum';
  font-style: italic;
  font-weight: bold;
  src: url(fonts/LinLibertine_RBI.woff) format('woff');
}

// Monospace font

@font-face {
  font-family: 'Linux Libertine Monospace';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LinLibertine_M.woff) format('woff');
}

// Dezède icons

@font-face {
  font-family: 'Dezède icons';
  font-style: normal;
  font-weight: normal;
  src: url(fonts/dezede-icons.woff) format('woff');
}

//
// Custom styling
//

html, body {
  height: 100%;
}

body {
  overflow-y: scroll;
  .font-feature-settings(@default-font-features);
  // For TinyMCE only: #content exists in front office, but not body#content.
  &.mceContentBody, &#main {
    margin: 5px;
  }
  &.mceContentBody {
    min-height: 0;
    min-width: 0;
    padding: 15px;
  }
}

// Both for front office and TinyMCE
#main, .mceContentBody {
  min-height: 100%;
  height: auto !important;  // Those two lines are a min-height hack for IE.
  height: 100%;             //
  margin-bottom: -@footer-height;
}

#content {
  padding-top: @navbar-height;
  padding-bottom: @footer-height + @content-padding-bottom;
}

a:not(.btn):not(.tooltip):not(.ui-slider-handle) {
  text-decoration: none;
  .auto-links &:not(.endless_page_link) {
    color: black;
    &:hover {
      color: @link-hover-color;
    }
  }
}

h1, h2, h3, h4, h5, h6 {
  text-shadow: 1px 2px 0 white;
}

p {
  text-align: justify;
}

.well {
  :first-child {
    margin-top: 0;
  }
}

.row.facts {
  text-align: center;
  p {
    text-align: inherit;
  }
}

.sc {
  .small-caps;
}

sup {
  top: -0.3em;
}

cite {
  font-style: italic;
}

.btn.disabled {
  pointer-events: auto;
}

.fa.fa-square-o {
  &:before {
    content: '\f096';
  }
  .active &:before {
    content: '\f046';
  }
}

.title-header {
  padding: 0;
  #logo {
    margin: -50px 0 -80px;
  }
  #slogan {
    margin: 40px 0 0;
    font-family: @font-family-serif;
    font-style: italic;
    font-size: @font-size-h2;
    .btn {
      position: relative;
      top: -2px;
      margin-left: @grid-gutter-width / 2;
      padding: 1px 6px;
    }
  }
}

#carousel-home {
  margin-bottom: @grid-gutter-width;
}

.carousel {
  @border-radius: @border-radius-large;
  .carousel-inner {
    border-radius: @border-radius;
    .carousel-background {
      background: hsv(0, 0%, 90%);
      img {
        height: 450px;
      }
    }
  }
  .carousel-caption {
    @font-size-ratio: 2.0;
    display: inline-block;
    left: @carousel-control-width;
    right: @carousel-control-width;
    bottom: 10%;
    text-align: inherit;
    header, article {
      display: inline-block;
    }
    &.text-background {
      &>* {
        padding-left: @padding-large-horizontal;
        padding-right: @padding-large-horizontal;
      }
      header, article {
        background: fadeout(@navbar-default-bg, 25%);
      }
    }
    header {
      .small-caps;
      padding-bottom: 10px;
    }
    article {
      font-family: @font-family-serif;
      font-size: @font-size-base * @font-size-ratio;
      font-style: italic;
      padding-top: 10px;
    }
    h1 {
      font-size: @font-size-h1 * @font-size-ratio;
    }
    h2 {
      font-size: @font-size-h2 * @font-size-ratio;
    }
    .read-more {
      display: block;
      margin-top: 20px;
    }
  }
  .carousel-control {
    z-index: 15;
    &.left, &.right {
      background: none;
      .fa {
        position: absolute;
        top: 50%;
        width: @carousel-control-font-size;
        height: @carousel-control-font-size;
        margin-top: -@carousel-control-font-size / 2;
        margin-left: -@carousel-control-font-size / 2;
      }
    }
    &.left {
      .border-left-radius(@border-radius);
    }
    &.right {
      .border-right-radius(@border-radius);
    }
  }
  .carousel-indicators {
    li {
      box-shadow: 0px 0px 5px grey;
      &.active {
        background-color: @brand-primary;
      }
    }
  }
}

blockquote {
  p {
    font-size: @font-size-base;
  }
}

dl {
  dt {
    color: grey;
    font-weight: normal;
  }
  dd {
    padding-left: 20px;
    &+dt {
      padding-top: 8px;
    }
  }
}

.dossier {
  font-family: @font-family-serif;

  .presentation {
    font-size: round(@font-size-base * 1.2);
  }
  h2 {
    margin-top: floor(@font-size-h2 * @line-height-large);
    margin-bottom: floor(@font-size-h2 * @line-height-large / 2);
  }
}

.data-table {
  th, td {
    line-height: 10 * @line-height-base / 11;
    vertical-align: baseline;
  }
  th {
    white-space: nowrap;
    padding-right: 20px;
    padding-top: 10px;
    font-weight: normal;
  }
  th+td {
    padding-top: 10px;
  }
  td {
    text-align: justify;
  }
}

.columns2 {
  .column-count(2);
  .column-gap(@grid-gutter-width);
  .column-cell {
    display: inline-block;
    margin-bottom: @grid-gutter-width / 2;
    .btn-group, .btn-group>.btn {
      position: static;
    }
  }
}

.result {
  h4 {
    margin-top: 0;
  }
  .btn.disabled {
    @base-result-background: hsv(0, 25%, 97%);
    .apply-background (@spin) {
      background: spin(@base-result-background, @spin);
    }
    &.evenement {
      .apply-background(0);
    }
    &.individu {
      .apply-background(40);
    }
    &.lieu {
      .apply-background(80);
    }
    &.oeuvre {
      .apply-background(120);
    }
    &.source {
      .apply-background(200);
    }
    &.partie {
      .apply-background(260);
    }
    &.profession {
      .apply-background(320);
    }
  }
}

blockquote.source .contenu {
  font-family: @font-family-serif;
  text-align: justify;
  margin: .5em 0;
  *:first-child {
    margin-top: 0;
  }
  *:last-child {
    margin-bottom: 0;
  }
}

.programme_titre {
  margin: 0.75em 0 0.5em 0;
}

table.programme {
  tr+tr {
    margin-top: 5px;
  }
  tr td {
    vertical-align: baseline;
  }
  tr td:first-child {
    text-align: right;
    padding-right: 6px;
  }
}

table {
  text-align: left;
  border-collapse: collapse;
}

.page-header.no-separator {
  border: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  &:focus {
    border-color: fadeout(@link-hover-color, 20%);
    .box-shadow(0 0 8px fadeout(@link-hover-color, 40%));
  }
}

#criteria {
  font-size: @font-size-base;
  margin-top: 10px;
  cursor: default;
  .ui-button-text {
    padding: .2em .5em;
  }
}

.ui-widget * {
  font-family: 'Gentium Basic', serif;
  line-height: normal;
}

ul.jqtree-tree {
  .jqtree-element {
    cursor: auto;
  }
  .jqtree-toggler {
    top: 25%;
    .jqtree-loading & .fa {
      .animation(spin 2s infinite linear);  // Same as adding .fa-spin
      &:before {
        content: '\f110';  // Same as overwriting with .fa-spinner
      }
    }
  }
}

.panel-group {
  .panel {
    + .panel {
      margin-top: 2px;
    }
  }

  .panel-heading {
    padding: 6px 15px;
  }

  .panel-body {
    max-height: 300px;
    overflow: auto;
  }
}

.ui-helper-reset {
  text-decoration: none;
  list-style: none;
}

.dropdown-submenu .dropdown-menu form {
  margin: 0;
}

.navbar {
  &>.container {
    .navbar-brand {
      margin-left: 0;
      @font-size: floor(@navbar-height * 2 / 3);
      font-size: @font-size;
      line-height: 1;  // Hack to force line-height to follow font-size.
      padding: floor((@navbar-height - @font-size) / 2)
               @navbar-padding-horizontal;
      color: black;
      &:hover {
        color: @brand-primary;
      }
    }
  }
}

.dezedeicon {
  font-family: 'Dezède icons';
  &.D:before {
    content: 'D';
  }
}

.above-text {
  z-index: 500;
}

.ui-slider {
  .ui-slider-range {
    background: @btn-primary-bg;
  }

  .ui-slider-handle {
    background: @gray-lighter
  }
}

ul.ui-autocomplete li a, .results_on_deck > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.affix {
  top: 80px;
}

.affix-bottom {
  position: absolute;
}

#dossier-switcher {
  margin-top: @grid-gutter-width;
}

form .results_on_deck {
  padding: 0;
  &>div {
    margin: 0;
  }
}

.tooltip {
  .tooltip-inner {
    font-size: @font-size-base;
    font-weight: normal;
    padding: 2px 6px;
  }
  &.left {
    margin-left: -13px;
  }
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  background: @pagination-active-bg;
  .opacity(60);
}

footer {
  width: 100%;
  color: @footer-color;
  background: @footer-bg;
  border-top: @footer-border-width solid @footer-border-color;
  &>.container {
    padding-top: @footer-padding-y;
    padding-bottom: @footer-padding-y;
    .row {
      &>* {
        height: @footer-line-height;
        line-height: @footer-line-height;
      }
      #softwares {
        line-height: @footer-line-height / 2;
        p {
          margin: 0;
        }
      }
      #logos {
        a:not(:first-child) {
          margin-left: 10px;
        }
      }
    }
  }
}

//
// Responsive styling
//

@media (max-width: @screen-xs-max) {
  .affix-top, .affix, .affix-bottom {
    position: static;
  }

  .columns2 {
    .column-count(1);
  }
}

@media (max-width: @screen-sm-max) {
  #main {
    margin-bottom: -@footer-height-sm;
  }

  #content {
    padding-bottom: @footer-height-sm + @content-padding-bottom;
  }

  footer .container .row>* {
    height: @footer-line-height * 2;
  }

  @media (min-width: @screen-sm-min) {
    .row.facts .well {
      margin-bottom: 0;
    }
  }
}

.container-col-width(@cols; @container-width; @screen-width-min) {
  @media (min-width: @screen-width-min) {
    width: @cols * @container-width / @grid-columns - @grid-gutter-width;
  }
}

.affix-top, .affix, .affix-bottom {
  .col-sm-3>& {
    .container-col-width(3; @container-sm; @screen-sm-min);
    .container-col-width(3; @container-md; @screen-md-min);
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-sm-4>& {
    .container-col-width(4; @container-sm; @screen-sm-min);
    .container-col-width(4; @container-md; @screen-md-min);
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-sm-5>& {
    .container-col-width(5; @container-sm; @screen-sm-min);
    .container-col-width(5; @container-md; @screen-md-min);
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-sm-6>& {
    .container-col-width(6; @container-sm; @screen-sm-min);
    .container-col-width(6; @container-md; @screen-md-min);
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
  .col-md-3>& {
    .container-col-width(3; @container-md; @screen-md-min);
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-md-4>& {
    .container-col-width(4; @container-md; @screen-md-min);
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-md-5>& {
    .container-col-width(5; @container-md; @screen-md-min);
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-md-6>& {
    .container-col-width(6; @container-md; @screen-md-min);
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
  .col-lg-3>& {
    .container-col-width(3; @container-lg; @screen-lg-min);
  }
  .col-lg-4>& {
    .container-col-width(4; @container-lg; @screen-lg-min);
  }
  .col-lg-5>& {
    .container-col-width(5; @container-lg; @screen-lg-min);
  }
  .col-lg-6>& {
    .container-col-width(6; @container-lg; @screen-lg-min);
  }
}

.tt-hint {
  color: @input-color-placeholder;
  .input-group &:first-child+.form-control {
    border-radius: @input-border-radius;
    &:not(:last-child) {
      .border-right-radius(0);
    }
  }
}

.tt-suggestion p {
  text-align: inherit;
}


Added utilities less file

Added utilities less file

/**
 * veryfizzyjelly blog
 * --
 * Various Utils
 */

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.centre {
  margin: 0 auto;
}

.hide {
  display: none;
}
.show {
  display: block;
}

error: pathspec 'dev/public/less/utils.less' did not match any file(s) known to git


Style tweaks

Style tweaks

/* Brackets / CodeMirror Code Formatting */

.CodeMirror-scroll {
    background-color: @background-color-3;
    .code-font();
}

.cm-s-default {
    .CodeMirror-cursor {
        .code-cursor();
    }

    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}

}

div.CodeMirror span.CodeMirror-matchingbracket {color: @accent-bracket; background-color: @background-color-2;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror pre.CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused pre.CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror div.CodeMirror-selected {
        background: #d9d9d9;
    }
    .CodeMirror.CodeMirror-focused div.CodeMirror-selected {
        background: #d2dcf8;
    }
}

.inlineCodeEditor {
    .cm-s-default {
        background-color: #F3F3F3;
    }
    .filename {
        position: absolute;
        #font > .sans-serif(normal, 12px, auto);
        top: 0;
        background: #FFF;
        padding: 2px 6px 0 2px;
        border: solid #C0C0C0;
        border-width: 0px 1px 1px;
        border-bottom-right-radius: 3px 5px;
        border-bottom-left-radius: 3px 5px;
        z-index: 11;

        .dirty-indicator {
            .bracketSprite;
            display: inline-block;
            background-position: 0 0;
            padding-top: 3px;
        }
    }
    .shadow {
        display: block;
        height: 6px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: 10;
    }
    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }
    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }
}

/* Brackets / CodeMirror Code Formatting */

.CodeMirror-scroll {
    background-color: @background-color-3;
    .code-font();
}

.cm-s-default {
    .CodeMirror-cursor {
        .code-cursor();
    }

    span.cm-keyword {color: @accent-keyword;}
    span.cm-atom {color: @accent-atom;}
    span.cm-number {color: @accent-number;}
    span.cm-def {color: @accent-def;}
    span.cm-variable {color: @accent-variable;}
    span.cm-variable-2 {color: @accent-variable-2;}
    span.cm-variable-3 {color: @accent-variable-3;}
    span.cm-property {color: @accent-property;}
    span.cm-operator {color: @accent-operator;}
    span.cm-comment {color: @accent-comment;}
    span.cm-string {color: @accent-string;}
    span.cm-string-2 {color: @accent-string-2;}
    span.cm-meta {color: @accent-meta;}
    span.cm-error {color: @accent-error;}
    span.cm-qualifier {color: @accent-qualifier;}
    span.cm-builtin {color: @accent-builtin;}
    span.cm-bracket {color: @accent-bracket;}
    span.cm-tag {color: @accent-tag;}
    span.cm-attribute {color: @accent-attribute;}
    span.cm-header {color: @accent-header;}
    span.cm-quote {color: @accent-quote;}
    span.cm-hr {color: @accent-hr;}
    span.cm-link {color: @accent-link;}

}

div.CodeMirror span.CodeMirror-matchingbracket {color: @accent-bracket; background-color: @background-color-2;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: @accent-bracket;}

/*
    CodeMirror's use of descendant selectors for certain styling causes problems when editors are
    nested because, for items in the inner editor, the left-hand clause in the selector will now
    match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance.

    TODO (issue #324): We'll still have problems if editors can be nested more than one level deep,
    or if any other descendant-selector-driven CM styles can differ between inner & outer editors
    (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css
    that uses a descandant selector where the CSS class name to the left of the space is something
    other than a vanilla .CodeMirror)
 */
.CodeMirror {
    .CodeMirror pre.CodeMirror-cursor {
        visibility: hidden;
    }
    .CodeMirror.CodeMirror-focused pre.CodeMirror-cursor {
        visibility: visible;
    }

    .CodeMirror div.CodeMirror-selected {
        background: #d9d9d9;
    }
    .CodeMirror.CodeMirror-focused div.CodeMirror-selected {
        background: #d2dcf8;
    }
}

.inlineCodeEditor {
    .cm-s-default {
        background-color: #F3F3F3;
    }
    .filename {
        position: absolute;
        #font > .sans-serif(normal, 12px, auto);
        top: 0;
        background: #FFF;
        padding: 0 6px 0 0;
        border: solid #C0C0C0;
        border-width: 0px 1px 1px;
        border-bottom-right-radius: 3px 5px;
        border-bottom-left-radius: 3px 5px;
        z-index: 11;

        .dirty-indicator {
            .bracketSprite;
            display: inline-block;
            background-position: 0 0;
            padding-top: 3px;
        }
    }
    .shadow {
        display: block;
        height: 6px;
        width: 100%;
        position: absolute;
        content: " ";
        left: 0;
        z-index: 10;
    }
    .shadow.top {
        top: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    }
    .shadow.bottom {
        bottom: 0px;
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    }
}


navbar-blue.less added

navbar-blue.less added

/**
 * navbar-blue style
 * Please see http://work.smarchal.com/twbscolor/
 */
@bgDefault      : #1B539F;
@bgHighlight    : #125da5;
@colDefault     : #fff;
@colHighlight   : #7ef6eb;
@dropDown       : false;
.ddm() when (@dropDown) {
  > .dropdown-menu {
    background-color: @bgDefault;
    > li > a {
      color: @colDefault;
      &:hover,  &:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}
    .divider {
      background-color: @bgHighlight;}}}
.navbar-blue {
  background-color: @bgDefault;
  border-color: @bgHighlight;
  .navbar-brand {
    color: @colDefault;
    &:hover, &:focus {
      color: @colHighlight; }}
  .navbar-text {
    color: @colDefault; }
  .navbar-nav {
    > li {
      > a {
        color: @colDefault;
        &:hover,  &:focus {
          color: @colHighlight; }}
      .ddm }
    > .active {
      > a, > a:hover, > a:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}
    > .open {
      > a, > a:hover, > a:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}}
  .navbar-toggle {
    border-color: @bgHighlight;
    &:hover, &:focus {
      background-color: @bgHighlight; }
    .icon-bar {
      background-color: @colDefault; }}
  .navbar-collapse,
  .navbar-form {
    border-color: @colDefault; }
  .navbar-link {
    color: @colDefault;
    &:hover {
      color: @colHighlight; }}}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    > li > a {
      color: @colDefault;
      &:hover, &:focus {
        color: @colHighlight; }}
    > .active {
      > a, > a:hover, > a:focus {
        color: @colHighlight;
        background-color: @bgHighlight; }}}
}

.navbar-blue {
    .nav > li > a {
        &:focus, &:hover {
            background-color: @bgHighlight;
        }
    }
}

error: pathspec 'less/navbar-blue.less' did not match any file(s) known to git