From def7b08d8c0cbbcea241ec6496b045022d1fd471 Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Wed, 18 Mar 2015 22:49:51 +0000 Subject: [PATCH] Add some CSS --- app/config/sculpin_kernel.yml | 4 ++ source/themes/opdavies/opdavies/Gemfile | 10 ++++ source/themes/opdavies/opdavies/Gemfile.lock | 35 ++++++++++++++ .../opdavies/_layouts/default.html.twig | 2 + .../opdavies/opdavies/assets/css/styles.css | 3 ++ .../opdavies/opdavies/assets/scss/styles.scss | 3 ++ source/themes/opdavies/opdavies/config.rb | 48 +++++++++++++++++++ 7 files changed, 105 insertions(+) create mode 100644 source/themes/opdavies/opdavies/Gemfile create mode 100644 source/themes/opdavies/opdavies/Gemfile.lock create mode 100644 source/themes/opdavies/opdavies/assets/css/styles.css create mode 100644 source/themes/opdavies/opdavies/assets/scss/styles.scss create mode 100644 source/themes/opdavies/opdavies/config.rb diff --git a/app/config/sculpin_kernel.yml b/app/config/sculpin_kernel.yml index 145e58af..c330879b 100644 --- a/app/config/sculpin_kernel.yml +++ b/app/config/sculpin_kernel.yml @@ -1,5 +1,9 @@ sculpin: permalink: pretty + ignore: + - '**/*.scss' + - '**/config.rb' + - '**/Gemfile*' sculpin_content_types: clients: permalink: clients/:slug_title/ diff --git a/source/themes/opdavies/opdavies/Gemfile b/source/themes/opdavies/opdavies/Gemfile new file mode 100644 index 00000000..4a2b383f --- /dev/null +++ b/source/themes/opdavies/opdavies/Gemfile @@ -0,0 +1,10 @@ +source 'https://rubygems.org' + +group :development do + + gem 'sass' + gem 'sass-globbing' + gem 'compass' + gem 'susy' + +end \ No newline at end of file diff --git a/source/themes/opdavies/opdavies/Gemfile.lock b/source/themes/opdavies/opdavies/Gemfile.lock new file mode 100644 index 00000000..cd63af9d --- /dev/null +++ b/source/themes/opdavies/opdavies/Gemfile.lock @@ -0,0 +1,35 @@ +GEM + remote: https://rubygems.org/ + specs: + chunky_png (1.3.4) + compass (1.0.3) + chunky_png (~> 1.2) + compass-core (~> 1.0.2) + compass-import-once (~> 1.0.5) + rb-fsevent (>= 0.9.3) + rb-inotify (>= 0.9) + sass (>= 3.3.13, < 3.5) + compass-core (1.0.3) + multi_json (~> 1.0) + sass (>= 3.3.0, < 3.5) + compass-import-once (1.0.5) + sass (>= 3.2, < 3.5) + ffi (1.9.8) + multi_json (1.11.0) + rb-fsevent (0.9.4) + rb-inotify (0.9.5) + ffi (>= 0.5.0) + sass (3.4.13) + sass-globbing (1.1.1) + sass (>= 3.1) + susy (2.2.2) + sass (>= 3.3.0, < 3.5) + +PLATFORMS + ruby + +DEPENDENCIES + compass + sass + sass-globbing + susy diff --git a/source/themes/opdavies/opdavies/_layouts/default.html.twig b/source/themes/opdavies/opdavies/_layouts/default.html.twig index 3c91769a..b0b930e8 100644 --- a/source/themes/opdavies/opdavies/_layouts/default.html.twig +++ b/source/themes/opdavies/opdavies/_layouts/default.html.twig @@ -5,6 +5,8 @@ {% if (page.url == '/') and (site.description) %}{{ site.description }}{% else %}{{ page.title }}{% endif %} | {{ site.title }} + + {% include 'header' %} diff --git a/source/themes/opdavies/opdavies/assets/css/styles.css b/source/themes/opdavies/opdavies/assets/css/styles.css new file mode 100644 index 00000000..b84938cb --- /dev/null +++ b/source/themes/opdavies/opdavies/assets/css/styles.css @@ -0,0 +1,3 @@ +@media -sass-debug-info{filename{font-family:file\:\/\/\/Users\/opdavies\/Code\/Personal\/Current\/oliverdavies\.co\.uk\/source\/themes\/opdavies\/opdavies\/assets\/scss\/styles\.scss}line{font-family:\000031}} +body { + background-color: red; } diff --git a/source/themes/opdavies/opdavies/assets/scss/styles.scss b/source/themes/opdavies/opdavies/assets/scss/styles.scss new file mode 100644 index 00000000..88cb00c5 --- /dev/null +++ b/source/themes/opdavies/opdavies/assets/scss/styles.scss @@ -0,0 +1,3 @@ +body { + background-color: red; +} \ No newline at end of file diff --git a/source/themes/opdavies/opdavies/config.rb b/source/themes/opdavies/opdavies/config.rb new file mode 100644 index 00000000..746c0d61 --- /dev/null +++ b/source/themes/opdavies/opdavies/config.rb @@ -0,0 +1,48 @@ +## +## This file is only needed for Compass/Sass integration. If you are not using +## Compass, you may safely ignore or delete this file. +## +## If you'd like to learn more about Sass and Compass, see the sass/README.txt +## file for more information. +## + +# Default to development if environment is not set. +saved = environment +if (environment.nil?) + environment = :development +else + environment = saved +end + +# Location of the theme's resources. +css_dir = "assets/css" +sass_dir = "assets/scss" +images_dir = "assets/images" +generated_images_dir = images_dir + "/generated" +javascripts_dir = "assets/js" + +# Require any additional compass plugins installed on your system. +# require 'compass-normalize' +# require 'rgbapng' +# require 'toolkit' +require 'susy' +require 'sass-globbing' + +## +## You probably don't need to edit anything below this. +## + +# You can select your preferred output style here (:expanded, :nested, :compact +# or :compressed). +output_style = (environment == :production) ? :expanded : :nested + +# To enable relative paths to assets via compass helper functions. Since Drupal +# themes can be installed in multiple locations, we don't need to worry about +# the absolute path to the theme from the server omega. +relative_assets = true + +# Conditionally enable line comments when in development mode. +line_comments = (environment == :production) ? false : true + +# Output debugging info in development mode. +sass_options = (environment == :production) ? {} : {:debug_info => true}