rtpl-compass 1.0

data/templates/project/manifest.rb

@@ -0,0 +1,96 @@
+# Description
+description "A compass template (Sass syntax) implementation of Sergii Rudchyk's"
+
+# General File Import
+html 'index.html', :to => "index.html"
+html 'index.php', :to => "index.php"
+image 'images/screenshot.jpg', :to => "../screenshot.jpg"
+image 'images/favicon.png', :to => "favicon.png"
+file 'files/readme.txt', :to => "readme.txt"
+file 'files/compass_watch.bat', :to => "compass_watch.bat"
+
+# Stylesheet Import
+file 'css/dev.css', :to => "css/dev.css"
+
+# Sass Import
+# Sass bl
+file 'sass/source/bl/_header.sass', :to => "sass/source/bl/_header.sass"
+file 'sass/source/bl/_footer.sass', :to => "sass/source/bl/_footer.sass"
+file 'sass/source/bl/_content.sass', :to => "sass/source/bl/_content.sass"
+# Sass lib
+file 'sass/source/lib/_mixins.sass', :to => "sass/source/lib/_mixins.sass"
+file 'sass/source/lib/_default.sass', :to => "sass/source/lib/_default.sass"
+file 'sass/source/lib/mixins/_animations.sass', :to => "sass/source/lib/mixins/_animations.sass"
+file 'sass/source/lib/mixins/_background.sass', :to => "sass/source/lib/mixins/_background.sass"
+file 'sass/source/lib/mixins/_base.sass', :to => "sass/source/lib/mixins/_base.sass"
+file 'sass/source/lib/mixins/_browsers.sass', :to => "sass/source/lib/mixins/_browsers.sass"
+file 'sass/source/lib/mixins/_fonts.sass', :to => "sass/source/lib/mixins/_fonts.sass"
+file 'sass/source/lib/mixins/_forms.sass', :to => "sass/source/lib/mixins/_forms.sass"
+file 'sass/source/lib/mixins/_gridsystem.sass', :to => "sass/source/lib/mixins/_gridsystem.sass"
+file 'sass/source/lib/mixins/_media.sass', :to => "sass/source/lib/mixins/_media.sass"
+file 'sass/source/lib/mixins/_positions.sass', :to => "sass/source/lib/mixins/_positions.sass"
+file 'sass/source/lib/mixins/_sprites.sass', :to => "sass/source/lib/mixins/_sprites.sass"
+file 'sass/source/lib/mixins/_width.sass', :to => "sass/source/lib/mixins/_width.sass"
+# Sass plugins
+file 'sass/source/plugins/_rforms.sass', :to => "sass/source/plugins/_rforms.sass"
+file 'sass/source/plugins/_jquery.fancybox.sass', :to => "sass/source/plugins/_jquery.fancybox.sass"
+# Sass global
+file 'sass/source/_typography.sass', :to => "sass/source/_typography.sass"
+file 'sass/source/_reset.sass', :to => "sass/source/_reset.sass"
+file 'sass/source/_global.sass', :to => "sass/source/_global.sass"
+file 'sass/source/_formstyle.sass', :to => "sass/source/_formstyle.sass"
+file 'sass/source/_buttons.sass', :to => "sass/source/_buttons.sass"
+# Sass index
+file 'sass/index.sass', :to => "sass/index.sass"
+
+# Image Import
+image 'images/loading.gif', :to => "required/loading.gif"
+image 'images/noimg.jpg', :to => "required/noimg.jpg"
+image 'images/fancyClose.png', :to => "icons/fancyClose.png"
+image 'images/fancyNext.png', :to => "icons/fancyNext.png"
+image 'images/fancyPrev.png', :to => "icons/fancyPrev.png"
+
+# Javascript Import
+# JS min
+file 'js/min/head.min.js', :like => :javascript, :to => 'min/head.min.js'
+file 'js/min/ph.min.js', :like => :javascript, :to => 'min/ph.min.js'
+file 'js/min/jquery.fancybox.min.js', :like => :javascript, :to => 'min/jquery.fancybox.min.js'
+# JS full
+file 'js/full/ph.js', :like => :javascript, :to => 'full/ph.js'
+file 'js/full/rform.js', :like => :javascript, :to => 'full/rform.js'
+file 'js/full/scripts.js', :like => :javascript, :to => 'full/scripts.js'
+file 'js/full/example.js', :like => :javascript, :to => 'full/example.js'
+# JS global
+file 'js/init.js', :like => :javascript, :to => 'init.js'
+
+# ie-old Import
+image 'ie-old/favicon.ico', :to => "../ie-old/favicon.ico"
+html 'ie-old/index.html', :to => "ie-old/index.html"
+image 'ie-old/images/as.jpg', :to => "../ie-old/images/as.jpg"
+image 'ie-old/images/bg_span_wol.gif', :to => "../ie-old/images/bg_span_wol.gif"
+image 'ie-old/images/f.jpg', :to => "../ie-old/images/f.jpg"
+image 'ie-old/images/gc.jpg', :to => "../ie-old/images/gc.jpg"
+image 'ie-old/images/h.jpg', :to => "../ie-old/images/h.jpg"
+image 'ie-old/images/ie.jpg', :to => "../ie-old/images/ie.jpg"
+image 'ie-old/images/mf.jpg', :to => "../ie-old/images/mf.jpg"
+image 'ie-old/images/op.jpg', :to => "../ie-old/images/op.jpg"
+image 'ie-old/images/td1.jpg', :to => "../ie-old/images/td1.jpg"
+image 'ie-old/images/td2.jpg', :to => "../ie-old/images/td2.jpg"
+image 'ie-old/images/td3.jpg', :to => "../ie-old/images/td3.jpg"
+
+#directories
+directory 'fonts', :to => 'fonts'
+directory 'bg', :to => 'images/bg'
+directory 'temp', :to => 'images/temp'
+directory 'svg', :to => 'images/svg'
+
+# Compass Extension Help
+help %Q{
+  Help for rtpl-compass
+}
+
+# Compass Extension Welcome Message
+#  Users will see this when they create a new project using this template.
+welcome_message %Q{
+  Welcome to rtpl-compass template!
+}

data/templates/project/sass/index.sass

@@ -0,0 +1,36 @@
+// Author: Sergii.Rudchyk
+
+$units: 1px !default
+
+@import compass/css3
+@import compass/typography
+
+// Core
+@import source/lib/mixins.sass
+
+// CSS Reset
+@import source/reset.sass
+// Classes library
+@import source/lib/default.sass
+
+// Styles
+@import source/global.sass
+@import source/formstyle.sass
+@import source/buttons.sass
+@import source/typography.sass
+
+// Plagins
+// @import source/plagins/jquery.fancybox.sass
+// @import source/plagins/rforms.sass
+
+// Blocks
+@import source/bl/header.sass
+@import source/bl/content.sass
+@import source/bl/footer.sass
+// @import bl/source/.sass
+
+.show
+  display: block
+
+.hide
+  display: none

data/templates/project/sass/source/_buttons.sass

@@ -0,0 +1,35 @@
+// Height
+$btnDefaultHeight: $fieldDefaultHeight
+// Typography
+$btnDefaultColor: #fff
+$btnDefaultFontFamily: $baseFontFamily
+$btnDefaultFontSize: 13px
+// Action
+$btnHasDisabledColor: #bdc3c7
+
+.btn
+  @extend %cur-pointer, %anim-light, %dib, %vam
+  height: $btnDefaultHeight
+  padding: 0 10px
+  border: none
+  border-radius: 5px
+  background-color: #3498db
+  +shFont($btnDefaultFontSize, $btnDefaultFontFamily, false, $btnDefaultColor)
+  
+  +h
+    background-color: #5dade2
+
+  .has-disabled &,
+  &[disabled]
+    @extend %cur-not-allowed, %no-select
+    background-color: $btnHasDisabledColor
+
+.btn-bl
+  @extend %block, .full-width, .tac
+  padding-right: 0
+  padding-left: 0
+
+.btn-fake
+  @extend .tac
+  line-height: $btnDefaultHeight
+  +resDec

data/templates/project/sass/source/_formstyle.sass

@@ -0,0 +1,150 @@
+// Size
+$fieldDefaultWidth: 310px
+$fieldDefaultHeight: 34px
+$fieldDefaultPadding: 6px 12px
+$fieldDefaultBg: #fff
+$fieldDefaultBdrz: 5px
+$fieldDefaultBd: 1px solid #bdc3c7
+
+// Style
+$fieldHelperContainer: 30px
+
+// Typography
+$fieldDefaultColor: #444
+$fieldDefaultPlaceholderColor: #777
+$fieldDefaultFontFamily: $baseFontFamily
+$fieldDefaultFontSize: 13px
+
+// Active
+$fieldHasActiveBg: #fff
+$fieldHasActiveBorder: #3eb6e9
+$fieldHasActiveColor: #000
+
+// Disabled
+$fieldHasDisabledBg: #f4f6f6
+$fieldHasDisabledColor: #d5dbdb
+
+// Error
+$fieldHasErrorStyle: true
+$fieldHasErrorColor: #e74c3c
+
+.field-box
+  @extend %relative, %dib, %vam
+  width: $fieldDefaultWidth
+  .field
+    @extend .full-width
+
+.field-frame
+  width: $fieldDefaultWidth
+  height: $fieldDefaultHeight
+
+.field
+  @extend .field-frame, %anim-light, %dib, %vam
+  max-width: 100%
+  padding: $fieldDefaultPadding
+  @if $fieldDefaultBd
+    border: $fieldDefaultBd
+  @if $fieldDefaultBdrz
+    border-radius: $fieldDefaultBdrz
+  background: $fieldDefaultBg
+  +shFont($fieldDefaultFontSize, $fieldDefaultFontFamily, false, $fieldDefaultColor)
+
+  +focus
+    border-color: $fieldHasActiveBorder
+    background: $fieldHasActiveBg
+    color: $fieldHasActiveColor
+
+  .has-disabled &,
+  &[disabled]
+    @extend %no-select, %cur-not-allowed
+    border-color: $fieldHasDisabledColor !important
+    background: $fieldHasDisabledBg !important
+    color: $fieldHasDisabledColor !important
+
+  @if $fieldHasErrorStyle
+    .has-error &,
+    &.has-error
+      border-color: $fieldHasErrorColor
+      color: $fieldHasErrorColor
+      +placeholder($fieldHasErrorColor)
+
+  // .has-success &
+
+  // Placeholder
+  +placeholder($fieldDefaultPlaceholderColor)
+  
+  +ie8
+    +mlh($fieldDefaultHeight, $fieldDefaultFontSize)
+
+  &.field-full
+    @extend %block, .full-width
+
+.field-hidden
+  @extend .full-size
+  background: transparent
+  +reset-box-model
+  +reset-font
+
+.field-has-helper
+  padding-right: $fieldHelperContainer
+
+.field-helper
+  @extend .right-pos
+
+select
+  &.field
+    padding-right: 0
+    &,
+    &:active,
+    &:focus
+      -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
+      -webkit-focus-ring-color: rgba(0, 0, 0, 0)
+      outline: none
+
+  &[multiple].field
+    height: auto
+
+textarea.field
+  height: auto
+
+.field-label,
+.field-label-bl
+  +shFont($fieldDefaultFontSize, $fieldDefaultHeight)
+  font-weight: 700
+
+.field-label
+  @extend %dib, %vam
+  margin-right: 10px
+
+.field-label-bl
+  @extend %block, .full-size
+  width: 100%
+  margin-bottom: 10px
+
+.checkbox-box,
+.radio-box
+  @extend %relative, %dib, %vam, %cur-pointer, %no-select
+  padding-left: 20px
+
+.checkbox,
+.radio
+  +pos("a", 50%, false, false, 0, 10)
+  margin-top: -6px
+
+.radio-box-bl,
+.checkbox-box-bl
+  @extend %block
+  margin-bottom: 10px
+
+.radio-box-inline,
+.checkbox-box-inline
+  @extend %dib, %vam
+  padding-right: 10px
+
+.file
+  @extend %cur-pointer
+  padding: $fieldDefaultPadding
+  height: $fieldDefaultHeight
+
+.form-row
+  margin-bottom: 10px

data/templates/project/sass/source/_global.sass

@@ -0,0 +1,62 @@
+// Load fonts
+
+
+
+// **Sprites
+$spacingDefault: 20px
+
+// PNG sprites with padding
+// $icons: sprite-map("icons/*.png", $spacing: $spacingDefault)
+// %icons
+//   background: $icons no-repeat
+
+// PNG sprites for ratio 2 with padding
+// $icons-2x: sprite-map("icons@2x/*.png", $spacing: $spacingDefault)
+// %icons-2x
+//   background: $icons-2x no-repeat
+
+// SVG folder name
+// $svg-folder: "svg"
+
+// **Brief
+$baseFontFamily: $Arial
+$baseFontSize: $base-font-size
+$baseFontColor: #444
+$baseLinkColor: #287fc3
+
+$size: 960
+$grid: $size
+
+$max: $size
+$standard: $size
+$min: $QVGA
+
+$footerHeight: 50px
+
+html
+  // min-width: $standard
+
+body
+  @extend %relative
+  // overflow-x: hidden
+  min-height: 100%
+  padding-bottom: $footerHeight
+  background-color: #FFF
+  +shFont($baseFontSize, $baseFontFamily, 1, $baseFontColor)
+
+.container
+  +center($standard)
+
+.header
+  @extend %relative
+
+.footer
+  @extend .full-width
+  +pos("a", false, false, 0, 0, 2)
+  height: $footerHeight
+
+// Icons
+// $iconsArr: none
+// @each $icon in $iconsArr
+//   .#{$icon}-icon
+//     +s(#{$icon})

data/templates/project/sass/source/_reset.sass

@@ -0,0 +1,93 @@
+// Based on Eric Meyer's reset 2.0 Global reset rules (http://meyerweb.com/eric/tools/css/reset/).
+*
+  &,
+  &:before,
+  &:after
+    +box-sizing(border-box)
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
+  +reset-box-model // Reset the box model measurements
+  vertical-align: baseline // Reset the font and vertical alignment
+
+// 1. Prevent iOS text size adjust after orientation change, without disabling user zoom
+html
+  @extend .full-height
+  overflow-y: scroll
+
+  font-size: 100.01%
+  -ms-text-size-adjust: 100%  1
+  -webkit-text-size-adjust: 100%  1
+
+body
+  line-height: 1 // Reset a body element
+  -webkit-font-smoothing: antialiased // Fix for webkit rendering
+
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+
+// Reset the list style of an element
+ol, ul
+  list-style: none
+
+// Reset a table
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+// Reset a table cell
+caption, th, td
+  vertical-align: middle
+
+  font-weight: normal
+  text-align: left
+
+// Reset a quotation
+q, blockquote
+  quotes: none
+  &:before, &:after
+    content: ""
+    content: none
+
+// Remove the gray background color from active links in IE 10.
+a
+  background: transparent
+
+input, textarea, select, button, a
+  &:active, &:hover, &:focus
+    outline: none
+
+a img, img, fieldset
+  border: none // Resets the border
+
+img
+  vertical-align: middle
+
+  color: transparent
+  font-size: 0
+  -ms-interpolation-mode: bicubic
+
+input[type="submit"], button, label[for]
+  @extend %cur-pointer
+
+  &::-moz-focus-inner
+    +reset-box-model
+
+textarea
+  overflow: auto
+  resize: none
+
+// Address margins set differently in Firefox 4+, Safari 5, and Chrome
+input, button, textarea, select
+  +reset-box-model
+
+input,
+textarea
+  -webkit-user-modify: read-write-plaintext-only
+  -webkit-tap-highlight-color: rgba(255,255,255,0)
+
+input[type="submit"], html input[type="button"], input[type="reset"], button
+  +appearance(button)
+
+h1, h2, h3, h4, h5, h6
+  font-weight: normal

data/templates/project/sass/source/_typography.sass

@@ -0,0 +1,111 @@
+// Typography
+$alignImgSide: 16px
+$alignImgBottom: 10px
+
+a,
+.link-fake
+  color: $baseLinkColor
+  text-decoration: underline
+  +h
+    text-decoration: none
+  +act
+    text-decoration: none
+
+.link-fake
+  @extend %cur-pointer
+
+.title
+  @extend %break
+
+.text
+  @extend %break, .clearfix
+  line-height: normal
+  +rem($baseFontSize)
+
+  h1,
+  h2,
+  h3
+    margin: 15px 0
+
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  table,
+  hr
+    margin: 10px 0
+
+  h1
+    +rem(36)
+
+  h2
+    +rem(30)
+
+  h3
+    +rem(24)
+
+  ul
+    list-style: disc
+
+  ol
+    list-style: decimal
+
+  li
+    margin-left: 30px
+
+  p
+    margin-bottom: 15px
+
+  table,
+  td,
+  th
+    border: 1px solid #ccc
+
+  td,
+  th
+    padding: 5px
+
+  hr
+    clear: both
+    border-top: 1px solid #ddd
+
+  blockquote
+    padding-left: 16px
+    margin: 16px 28px 10px 16px
+    border-left: 2px solid #333
+    font-style: italic
+
+  img,
+  embed,
+  object,
+  video
+    max-width: 100%
+    height: auto
+
+  input,
+  textarea,
+  select
+    border: 1px solid #bdc3c7
+    padding: 5px
+
+  input,
+  select
+    min-height: $fieldDefaultHeight
+
+  button,
+  input[type="submit"]
+    @extend .btn
+
+// Images
+.aligncenter
+  @extend %block
+  margin: 0 auto 2px
+
+.alignright
+  @extend .right
+  margin: 0 0 $alignImgBottom $alignImgSide
+
+.alignleft
+  @extend .left
+  margin: 0 $alignImgSide $alignImgBottom 0

data/templates/project/sass/source/bl/_content.sass

@@ -0,0 +1 @@
+// .main-section

data/templates/project/sass/source/bl/_footer.sass

@@ -0,0 +1 @@
+

data/templates/project/sass/source/bl/_header.sass

@@ -0,0 +1 @@
+// .logo