changed some less variable names to cause less confusion
This commit is contained in:
parent
a76ba7512e
commit
9a33578d3f
@ -13,7 +13,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.text-primary {
|
.text-primary {
|
||||||
color: @brand-primary;
|
color: @theme-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@ -34,14 +34,14 @@ a.active {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: @brand-primary;
|
color: @theme-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover,
|
a:hover,
|
||||||
a:focus,
|
a:focus,
|
||||||
a:active,
|
a:active,
|
||||||
a.active {
|
a.active {
|
||||||
color: darken(@brand-primary, 10%);
|
color: darken(@theme-primary, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
@ -64,13 +64,13 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
// Restyled Primary Buttons
|
// Restyled Primary Buttons
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
.button-variant(white; @brand-primary; @brand-primary);
|
.button-variant(white; @theme-primary; @theme-primary);
|
||||||
.heading-font;
|
.heading-font;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-xl {
|
.btn-xl {
|
||||||
.button-variant(white; @brand-primary; @brand-primary);
|
.button-variant(white; @theme-primary; @theme-primary);
|
||||||
.heading-font;
|
.heading-font;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@ -84,27 +84,27 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
background-color: @gray-darkest;
|
background-color: @gray-darkest;
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
.navbar-brand {
|
.navbar-brand {
|
||||||
color: @brand-primary;
|
color: @theme-primary;
|
||||||
.script-font;
|
.script-font;
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active,
|
&:active,
|
||||||
&.active {
|
&.active {
|
||||||
color: darken(@brand-primary, 10%);
|
color: darken(@theme-primary, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.navbar-collapse {
|
.navbar-collapse {
|
||||||
border-color: fade(white, 2%);
|
border-color: fade(white, 2%);
|
||||||
}
|
}
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
background-color: @brand-primary;
|
background-color: @theme-primary;
|
||||||
border-color: @brand-primary;
|
border-color: @theme-primary;
|
||||||
.icon-bar {
|
.icon-bar {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
}
|
}
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
background-color: @brand-primary;
|
background-color: @theme-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.nav {
|
.nav {
|
||||||
@ -116,7 +116,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
color: white;
|
color: white;
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
color: @brand-primary;
|
color: @theme-primary;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -125,12 +125,12 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
.navbar-nav>.active>a {
|
.navbar-nav>.active>a {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: white;
|
color: white;
|
||||||
background-color: @brand-primary;
|
background-color: @theme-primary;
|
||||||
}
|
}
|
||||||
.navbar-nav>.active>a:hover,
|
.navbar-nav>.active>a:hover,
|
||||||
.navbar-nav>.active>a:focus {
|
.navbar-nav>.active>a:focus {
|
||||||
color: white;
|
color: white;
|
||||||
background-color: darken(@brand-primary, 10%);
|
background-color: darken(@theme-primary, 10%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -261,7 +261,7 @@ section {
|
|||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
.portfolio-hover {
|
.portfolio-hover {
|
||||||
background: fade(@brand-primary, 90%);
|
background: fade(@theme-primary, 90%);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -376,7 +376,7 @@ section {
|
|||||||
height: 80px;
|
height: 80px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
background-color: @brand-primary;
|
background-color: @theme-primary;
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
border: 7px solid #f1f1f1;
|
border: 7px solid #f1f1f1;
|
||||||
@ -556,7 +556,7 @@ section#contact {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.form-control:focus {
|
.form-control:focus {
|
||||||
border-color: @brand-primary;
|
border-color: @theme-primary;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
::-webkit-input-placeholder {
|
::-webkit-input-placeholder {
|
||||||
@ -580,7 +580,7 @@ section#contact {
|
|||||||
color: @placeholder-text;
|
color: @placeholder-text;
|
||||||
}
|
}
|
||||||
.text-danger {
|
.text-danger {
|
||||||
color: @brand-danger;
|
color: @theme-danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -623,7 +623,7 @@ ul.social-buttons {
|
|||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&:active {
|
&:active {
|
||||||
background-color: @brand-primary;
|
background-color: @theme-primary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -712,12 +712,12 @@ ul.social-buttons {
|
|||||||
|
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
background: @brand-primary;
|
background: @theme-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
background: @brand-primary;
|
background: @theme-primary;
|
||||||
}
|
}
|
||||||
|
|
||||||
img::selection {
|
img::selection {
|
||||||
@ -729,5 +729,5 @@ img::-moz-selection {
|
|||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
webkit-tap-highlight-color: @brand-primary;
|
webkit-tap-highlight-color: @theme-primary;
|
||||||
}
|
}
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
// Variables
|
// Variables
|
||||||
|
|
||||||
@brand-primary: #fed136;
|
@theme-primary: #fed136;
|
||||||
@brand-danger: #e74c3c;
|
@theme-danger: #e74c3c;
|
||||||
@gray-darkest: #222;
|
@gray-darkest: #222;
|
||||||
@gray: #777;
|
@gray: #777;
|
||||||
@gray-lighter: #f7f7f7;
|
@gray-lighter: #f7f7f7;
|
||||||
|
Loading…
Reference in New Issue
Block a user