added contrib theme basic

2017-12-21 22:15:52 +01:00
parent fc8365264d
commit 9c6a1ce9a9
83 changed files with 4035 additions and 0 deletions
@@ -0,0 +1,36 @@
+// Config
+// ---------
+// Use the same color all over the place? Need to do
+// some math with height and width and text size?
+// Sass supports variables as well as basic math
+// operations and many useful functions.
+//
+// For setting variables, see:
+// /sass/config/_variables.sass
+//
+// For setting mixins:
+// /sass/config/_mixins.sass
+//
+// For complete documentation:
+// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
+//
+// Available functions:
+// http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
+
+// Bourbon and Bourbon Neat documentation:
+// Bourbon: http://bourbon.io/docs/
+// Bourbon Neat (grid): http://neat.bourbon.io/docs/
+
+// Import variables and mixins to be used (Bourbon)
+@import "../../node_modules/bourbon/app/assets/stylesheets/bourbon"
+@import "../../node_modules/bourbon-neat/app/assets/stylesheets/neat-helpers"
+
+// Import grid to be used (Bourbon Neat)
+@import "grid-settings"
+
+// We load this after we provide our overrides
+@import "../../node_modules/bourbon-neat/app/assets/stylesheets/neat"
+
+// Import local files
+@import "variables"
+@import "mixins"
@@ -0,0 +1,27 @@
+// Bourbon grid display. Set to "true" to turn on.
+// $visual-grid: false
+// $visual-grid-color: #EEEEEE
+// $visual-grid-index: back
+// $visual-grid-opacity: 0.4
+
+// Set to false if you'd like to remove the responsiveness
+$responsive: true
+
+// Neat Overrides
+$column: 60px
+$gutter: 20px
+$grid-columns: 4
+
+// We set the max width of the page.
+$font-size:     16px
+$max-width:     1200px
+
+// Breakpoints
+$small-screen:  320px
+$medium-screen: 720px
+$large-screen:  960px
+
+// Define your mobile first breakpoints using min-width
+$small-screen-up:   new-breakpoint(min-width #{$small-screen/$font-size}em 4)
+$medium-screen-up:  new-breakpoint(min-width #{$medium-screen/$font-size}em 8)
+$large-screen-up:   new-breakpoint(min-width #{$large-screen/$font-size}em 12)
@@ -0,0 +1,19 @@
+// Mixins
+// --------
+// Mixins allow you to define styles that can be re-used / throughout the
+// stylesheet without needing to resort to / non-semantic classes like .float-
+// left. Mixins can also / contain full CSS rules, and anything else allowed /
+// elsewhere in a Sass document. They can even take / arguments which allows you
+// to produce a wide variety / of styles with very few mixins.
+
+// For complete documentation:
+// Sass mixins: http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#mixins
+// Bourbon mixins: http://bourbon.io/docs/
+
+// Omega Reset for Bourbon Neat grid
+// Read more: http://www.joshfry.me/blog/2013/05/13/omega-reset-for-bourbon-neat
+@mixin omega-reset($nth)
+  &:nth-child(#{$nth})
+    margin-right: flex-gutter()
+  &:nth-child(#{$nth}+1)
+    clear: none
@@ -0,0 +1,65 @@
+// Variables
+// -----------
+// Use the same color all over the place? Need to do some math with height and
+// width and text size? Sass supports variables as well as basic math operations
+// and many useful functions.
+
+// For complete documentation:
+// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
+
+// Margin/Padding
+$margin: $gutter
+$padding: $gutter
+
+// Typography
+$base-font-family: $helvetica
+$heading-font-family: $base-font-family
+
+// Font Sizes
+$base-font-size: $font-size
+
+// Line height
+$base-line-height: 1.5
+$heading-line-height: 1.3
+
+// Letter spacing
+$base-letter-spacing: 0.03em
+
+// Other Sizes
+$base-border-radius: 2px
+$base-spacing: $base-line-height * 1em
+$small-spacing: $base-spacing / 2
+$base-z-index: 0
+
+// Colors
+$dark-gray: #333
+$medium-gray: #999
+$light-gray: #ddd
+
+// Brand Colors
+$primary-color: #555
+
+// Action Colors
+$status-color: #8dbe51
+$warning-color: #ddc44f
+$error-color: #cd4533
+
+// Font Colors
+$base-font-color: $dark-gray
+$action-color: $primary-color
+
+// Border
+$base-border-color: $light-gray
+$base-border: 1px solid $base-border-color
+
+// Background Colors
+$base-background-color: #fff
+$secondary-background-color: tint($base-border-color, 75%)
+
+// Forms
+$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06)
+$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3)
+
+// Animations
+$base-duration: 150ms
+$base-timing: ease