Add some CSS

This commit is contained in:
Oliver Davies 2015-03-18 22:49:51 +00:00
parent 677ec875c8
commit def7b08d8c
7 changed files with 105 additions and 0 deletions

View file

@ -1,5 +1,9 @@
sculpin:
permalink: pretty
ignore:
- '**/*.scss'
- '**/config.rb'
- '**/Gemfile*'
sculpin_content_types:
clients:
permalink: clients/:slug_title/

View file

@ -0,0 +1,10 @@
source 'https://rubygems.org'
group :development do
gem 'sass'
gem 'sass-globbing'
gem 'compass'
gem 'susy'
end

View file

@ -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

View file

@ -5,6 +5,8 @@
<meta name="description" content="{{ page.description }}">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if (page.url == '/') and (site.description) %}{{ site.description }}{% else %}{{ page.title }}{% endif %} | {{ site.title }}</title>
<link rel="stylesheet" href="{{ site.url }}/{{ theme_path('assets/css/styles.css') }}">
</head>
<body>
{% include 'header' %}

View file

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

View file

@ -0,0 +1,3 @@
body {
background-color: red;
}

View file

@ -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}