archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

More cleanup of scss

Browse source
This commit is contained in:
Jake Howard 2016-05-27 09:50:46 +01:00
parent 215e254509
commit a3b9fe6171
Signed by: jake
GPG key ID: 57AFB45680EDD477
4 changed files with 14 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
theme/static/src/scss/homepage.scss
View file

@ -1,7 +1,3 @@
/*
Homepage specific styles
*/
.portfolio-box { .portfolio-box {
background-color: $brand-grey-dark; background-color: $brand-grey-dark;
max-width: initial; max-width: initial;

11
theme/static/src/scss/index.scss
View file

@ -1,32 +1,27 @@
@import "variables"; // Import variables before anything else @import "variables"; // Import variables before anything else
/* @group Fonts */
/* @group Fonts */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic"); @import url("https://fonts.googleapis.com/css?family=Roboto:400,700,300,300italic,400italic,700italic");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,300italic,400italic,700italic"); @import url("http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,300italic,400italic,700italic");
/* @end Fonts */ /* @end Fonts */
/* @group Libraries */ /* @group Libraries */
@import "node_modules/bootstrap-sass/assets/stylesheets/_bootstrap"; @import "node_modules/bootstrap-sass/assets/stylesheets/_bootstrap";
@import "node_modules/animate.css/animate"; @import "node_modules/animate.css/animate";
$fa-font-path: "../fonts"; $fa-font-path: "../fonts";
@import "node_modules/font-awesome/scss/font-awesome"; @import "node_modules/font-awesome/scss/font-awesome";
/* @end Libraries */ /* @end Libraries */
/* @group Other Imports */ /* @group Other Imports */
@import "creative/creative"; @import "creative/creative";
@import "pygment"; @import "pygment";
@import "homepage"; @import "homepage";
@import "footer"; @import "footer";
@import "library-overrides"; @import "library-overrides";
/* @end Other Imports */ /* @end Other Imports */
@ -39,3 +34,7 @@ p a {
text-decoration: underline; text-decoration: underline;
color: inherit; color: inherit;
} }
.btn i {
margin: 0 3px;
}

17
theme/static/src/scss/library-overrides.scss
View file

@ -1,38 +1,34 @@
/* @group Bootstrap Panels */ /* @group Bootstrap Panels */
.panel-green { .panel-green {
@include panel-variant(#139F5B, $white, #139F5B, #139F5B); @include panel-variant(#139F5B, $white, #139F5B, #139F5B);
} }
.panel-blue { .panel-blue {
@include panel-variant(#337AB7, $white, #337AB7, #337AB7); @include panel-variant(#337AB7, $white, #337AB7, #337AB7);
} }
/* @end Bootstrap Panels */ /* @end Bootstrap Panels */
/* @group groupname */ /* @group Bootstrap buttons */
.btn { .btn {
border-radius: 0; border-radius: 0;
} }
/* @end groupname */ .btn.btn-github {
@include button-variant(#333, #F5F5F5, #D8D8D8);
}
/* @end Bootstrap buttons */
/* @group Pygments */ /* @group Pygments */
.highlight > pre { .highlight > pre {
background-color: transparent; background-color: transparent;
font-size: $font-size-base; font-size: $font-size-base;
} }
/* @end Pygments */ /* @end Pygments */
/* @group backgrounds */
/* @group backgrounds */
.btn-primary-dark { .btn-primary-dark {
@include button-variant($white, $brand-orange-dark, $brand-orange-dark); @include button-variant($white, $brand-orange-dark, $brand-orange-dark);
} }
@ -42,5 +38,4 @@
color: $brand-grey-dark; color: $brand-grey-dark;
} }
} }
/* @end backgrounds */ /* @end backgrounds */

7
theme/static/src/scss/variables.scss
View file

@ -3,18 +3,17 @@ $brand-orange: #F05F40;
$brand-orange-dark: darken($brand-orange, 10%); $brand-orange-dark: darken($brand-orange, 10%);
$brand-grey-dark: #333; $brand-grey-dark: #333;
/* @group General Colours */ /* @group General Colours */
$white: #FFF; $white: #FFF;
/* @end General Colours */ /* @end General Colours */
$footer-height: 175px; $footer-height: 175px;
$font-family-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif; $font-family-heading: "Open Sans", "Helvetica Neue", Arial, sans-serif;
/* @group Bootstrap Overrides */
/* @group Bootstrap Overrides */
$font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif; $font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif;
$brand-primary: $brand-orange; $brand-primary: $brand-orange;
/* @end Bootstrap Overrides */ /* @end Bootstrap Overrides */