LESS Variables

These are the current variables in the One Page Profile WordPress theme that you can change with the built-in LESS variable changer:

// Variables

@body-font-family: 'Roboto';
@body-font-weight: 300;

@header-background-pattern: transparent url(%("%s/assets/img/patterns/debut_dark_@2X.png", @theme-uri)) repeat scroll 0 0;
@header-background-image: none;
@header-name-font-size: 38px;
@header-subtitle-font-size: 64px;
@header-description-font-size: 28px;
@header-signature-font-size: 40px;
@header-signature-font: 'Condiment';

@headline-font: 'Roboto';
@header-subtitle-font: 'Quicksand';
@headline-font-size: @header-subtitle-font-size;
@subheadline-font-size: 20px;
@rotation: -10deg;

@box-shadow: 0 0 10px #6F6F6F;

@loader-height: 22px;

@footer-background-pattern: @header-background-pattern;
@footer-link-color: #ffffff;
@footer-font-size: 12px;

@link-color: #1F8DD6;
@link-color-hover: darken(#1F8DD6, 20%);

@text-color: #515151;

@nav-link-color: #ffffff;

@nav-background-color: #538ED7;

@title-font-color: #515151;

@meta-font-size: 12px;
@meta-font-color: @text-color;

@sticky-background: lighten(#F37B1D, 30%);

// Mixins
.box-shadow(@shadow) {
  -webkit-box-shadow: @shadow;
  -moz-box-shadow: @shadow;
  -o-box-shadow: @shadow;
  box-shadow: @shadow;
}

.rotate(@rotation) {
  -moz-transform: rotate(@rotation);
  -ms-transform: rotate(@rotation);
  -o-transform: rotate(@rotation);
  -webkit-transform: rotate(@rotation);
  transform: rotate(@rotation);
}

.border-radius(@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}