euphoria 0.1.4.72 → 0.1.41

data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_menus.sass

@@ -0,0 +1,172 @@
+/*=============================================================================
+ ** Variables
+ **==============================================================================
+//menu li border color
+$li_border_color: #dfdfdf
+//links hover color
+$link_hover_color: #2ECC71
+$link_hover_bg_color: rgba(46, 204, 113, 1)
+/*======================================
+ ** Menu values 
+ **=====================================
+// menu's font
+$nav_font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif
+//link font size 
+$nav_font_size: 1rem
+//link padding
+$nav_link_padding: 1rem 1.5rem
+
+$nav_bg_color: #fff
+
+.current
+  border-bottom: 2px solid darken(rgba(45,204,165,1), 10%)
+  background-color: white
+  &:hover
+    border-bottom: none     
+    -webkit-transition: none
+    -moz-transition: none
+    transition: none
+  a
+    color: darken(rgba(45,204,165,1), 5%)
+  
+nav
+  background-color: $nav_bg_color
+  border: 1px solid #dedede
+  border-radius: 4px
+  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
+  color: #2a2a2a
+  display: block
+  overflow: hidden
+  width: 100%
+  font-size: 1rem
+  .mobile
+    display: none
+  &.fixed
+    position: fixed
+    top: 0
+    z-index: 2
+  ul
+    margin: 0
+    padding: 0
+    li
+      display: inline-block
+      list-style-type: none
+      +transition-fix(all 0.2s)
+  > ul > li
+    >
+      a > .caret
+        border-top: 4px solid #aaa
+        border-right: 4px solid transparent
+        border-left: 4px solid transparent
+        content: ""
+        display: inline-block
+        height: 0
+        width: 0
+        vertical-align: middle
+        +transition-fix(color 0.1s linear)
+      div ul > li > a > .caret
+        border-top: 4px solid #aaa
+        border-right: 4px solid transparent
+        border-left: 4px solid transparent
+        content: ""
+        display: inline-block
+        height: 0
+        width: 0
+        vertical-align: middle
+        +transition-fix(color 0.1s linear)
+        border-bottom: 4px solid transparent
+        border-top: 4px solid transparent
+        border-right: 4px solid transparent
+        border-left: 4px solid #f2f2f2
+        margin: 0 0 0 8px
+      a
+        color: #2a2a2a
+        display: block
+        line-height: 3.5rem
+        padding: 0 1.6rem
+        text-decoration: none
+        font-size: inherit
+    &:hover
+      background-color: $link_hover_bg_color
+      > a
+        color: rgb(255, 255, 255)
+        > .caret
+          border-top-color: rgb(255, 255, 255)
+      > div
+        display: block
+        opacity: 1
+        visibility: visible
+    > div
+      ul > li
+        &:hover > a > .caret
+          border-left-color: rgb(255, 255, 255)
+        > div
+          background-color: rgb(40, 44, 47)
+          border-top: 0
+          border-radius: 0 0 4px 4px
+          box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
+          display: none
+          margin: 0
+          opacity: 0
+          position: absolute
+          width: 165px
+          visibility: hidden
+          +transition-fix(opacity 0.2s)
+
+          background-color: rgb(40, 44, 47)
+          border-radius: 0 4px 4px 4px
+          box-shadow: inset 2px 0 5px rgba(0, 0, 0, 0.15)
+          margin-top: -42px
+          right: -165px
+      background-color: rgb(40, 44, 47)
+      border-top: 0
+      border-radius: 0 0 4px 4px
+      box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055)
+      display: none
+      margin: 0
+      opacity: 0
+      position: absolute
+      width: 165px
+      visibility: hidden
+      +transition-fix(opacity 0.2s)
+    > div ul > li
+      &:hover
+        > div
+          display: block
+          opacity: 1
+          visibility: visible
+        > a
+          background-color: $link_hover_bg_color
+      display: block
+      position: relative
+      >
+        div ul > li
+          display: block
+          position: relative
+        a, div ul > li > a
+          color: #fff
+          display: block
+          padding: .8rem 1.6rem
+          text-decoration: none
++tablet
+  nav
+    font-size: 1.2rem 
+    .menu
+      display: none
+    .mobile
+      display: block
+      padding: .5% 0 .5% .5%
+      .menu-toggle
+        background-color: white
+        border: none
+        +border-radius(.4)
+    &:hover
+      background-color: none
+      
+
+      
++small-tablet
+  .menu-toggle
+    margin-bottom: 1%
+  li
+    width: 47%

data/lib/generators/euphoria/templates/stylesheets/euphoria/components/_tables.sass

@@ -0,0 +1,89 @@
+/*=============================================================================
+ ** Reusable colors
+ **============================================================================
+$green: rgba(46,204,113,0.22)
+$yellow: #FFFF66
+$red: #FF6666
+$orange: #f39c12
+$purple: #9966FF
+$gray: #ecf0f1
+
+/*=============================================================================
+ ** Variables
+ **============================================================================
+
+$th_font_color: #222222 //table font color
+$th_backg_color: $gray
+$tbl_font: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif 
+
+
+table
+  font: $tbl_font
+  border: 1px solid #ccc
+  width: 100%
+  margin: 0
+  padding: 0
+  border-collapse: collapse
+  border-spacing: 0
+  tr
+    border: 1px solid #ddd
+    padding: 5px
+  th, td
+    padding: 10px
+    text-align: center
+  th
+    text-transform: uppercase
+    letter-spacing: 1px
+    color: $th_font_color
+    background: $th_backg_color
+    font-size: 0.77778rem
+    font-weight: bold
+    padding: 0.44444rem 0.55556rem 0.55556rem
+  &.bordered
+    border-collapse: separate
+    border-spacing: 2px
+  &.alternate
+    tr:nth-child(even)
+      background: $gray
+    &.green
+      tr:nth-child(even)
+        background-color: $green
+    &.purple
+      tr:nth-child(even)
+        background: $purple
+    &.red
+      tr:nth-child(even)
+        background: $red
+    &.yellow
+      tr:nth-child(even)
+        background: $yellow
+    &.orange
+      tr:nth-child(even)
+        background: $orange
+
+      
+/*=============================================================================
+ ** Responsive Grids 
+ **============================================================================
+
++small-tablet 
+  table
+    border: 0
+    thead
+      display: none
+    tr
+      margin-bottom: 10px
+      display: block
+      border-bottom: 2px solid #ddd
+    td
+      display: block
+      text-align: right
+      font-size: 13px
+      border-bottom: 1px dotted #ccc
+      &:last-child
+        border-bottom: 0
+      &:before
+        content: attr(data-name)
+        float: left
+        text-transform: uppercase
+        font-weight: bold

data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_containers.sass

@@ -0,0 +1,42 @@
+/*=============================================================================
+ ** Main container 
+ **============================================================================
+.site-container
+    max-width: 90rem
+    @extend %default_prop
+
+//mostly used if you have a fixed navbar 
+.start-content
+    @extend %default_prop
+    overflow: hidden
+
+/*=============================================================================
+ ** Rows 
+ **============================================================================
+.row
+    margin: 0 auto
+    max-width: 55.55556rem
+    width: 100%
+    &:before
+        content: " "
+        display: table
+    &:after
+        content: " "
+        display: table
+        clear: both
+        
+        
+/*=============================================================================
+ ** text box holder 
+ **============================================================================
+.content-box
+    padding: 1.5%
+    
+/*=============================================================================
+ ** DRY 
+ **============================================================================
+
+%default_prop
+    width: auto
+    margin: auto
+    

data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_grids.sass

@@ -0,0 +1,75 @@
+/*=============================================================================
+ ** Grids (keep columns seperated to add width at will)
+ **============================================================================
+
+.col
+    float: left
+    position: relative
+.center
+    margin: 0 auto
+
+@for $i from 1 through 18
+    .w-#{$i}
+        width: $i / 18 * 100%
+    .gap-l-#{$i}
+        margin-left: $i / 18 * 100%
+    .gap-r-#{$i}
+        margin-right: $i / 18 * 100%
+
+.hide
+    display: none
+.gap-none
+    margin-left: 0
+    margin-right: 0
+
+
+/*=============================================================================
+ ** Responsive Grids 
+ **============================================================================
++tablet 
+    @for $i from 1 through 11
+        .w-#{$i}
+            width: 50%
+    @for $i from 12 through 18
+        .w-#{$i}
+            width: 100%
+    
+    @for $i from 1 through 18
+        .tablet-#{$i}
+            width: $i / 18 * 100%
+    .gap-t-none
+        margin-left: 0
+        margin-right: 0
+    .tablet-hide
+        display: none
+
++small-tablet
+    @for $i from 1 through 4
+        .w-#{$i}
+            width: $i / 4 * 100%
+    @for $i from 5 through 9
+        .w-#{$i}
+            width: 100% 
+    
+    @for $i from 1 through 18
+        .sm-tablet-#{$i}
+            width: $i / 18 * 100%
+    .gap-sm-none
+        margin-left: 0
+        margin-right: 0
+    .sm-tablet-hide
+        display: none
+
++mobile 
+    @for $i from 1 through 18
+        .w-#{$i}
+            width: 100%
+    
+    @for $i from 1 through 18
+        .mobile-#{$i}
+            width: $i / 18 * 100%
+    .gap-m-none
+        margin-left: 0
+        margin-right: 0
+    .mobile-hide
+        display: none

data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_responsive.sass

@@ -0,0 +1,20 @@
+$mobile-width: 30rem //480px
+$tablet-width: 50rem //800px
+$desktop-width: 64rem //1024px
+$lg-desktop-width: 75rem //1200px
+
+=lg-desktop
+  @media all and (min-width: #{$lg-desktop-width})
+    @content
+    
+=tablet
+  @media all and (max-width: #{$desktop-width - .063rem})
+    @content
+
+=small-tablet
+  @media all and (max-width: #{$tablet-width - .063rem})
+    @content
+
+=mobile
+  @media all and (max-width: #{$mobile-width - .063rem})
+    @content

data/lib/generators/euphoria/templates/stylesheets/euphoria/core/_type.sass

@@ -0,0 +1,21 @@
+html
+  font-size: 16px
+
+h1
+  font-size: 3rem
+
+h2
+  font-size: 2.5rem
+
+h3
+  font-size: 2rem
+
+h4
+  font-size: 1.5rem
+
+p
+  font-size: 1rem
+
++lg-desktop
+  html
+    font-size: 17px

data/lib/generators/euphoria/templates/stylesheets/euphoria/helpers/_mixins.sass

@@ -0,0 +1,97 @@
+$i_color: #ecf0f1   // icon color       
+$s_color: #12664b  // shadow color     
+$b_color: #27ae60 // background color 
+$b_radius: .5     // bg border radius 
+
+/*=============================================================================
+ ** Transform/transform
+ **============================================================================
+
+=transform-style-fix($value)
+    -webkit-transform-style: $value
+    -moz-transform-style: $value
+    -ms-transform-style: $value
+    -o-transform-style: $value
+    transform-style: $value
+    
+=transform-fix($value)
+    -moz-transform: $value
+    -o-transform: $value
+    -webkit-transform: $value
+    -ms-transform: $value
+    transform: $value
+
+=transition-fix($value)
+    -moz-transition: $value
+    -o-transition: $value
+    -webkit-transition: $value
+    -ms-transition: $value
+    transition: $value
+
+/*=============================================================================
+ ** Flex box
+ **============================================================================
+ 
+// =flex 
+//     display: -webkit-box
+//     display: -moz-box
+//     display: -ms-flexbox
+//     display: -webkit-flex    
+//     display: flex
+//     flex-flow: row wrap
+    
+// =flex-horizontal ($row: true)
+//     @if $row 
+//         -webkit-flex-direction: row
+//         flex-direction: row
+//     @else
+//         -webkit-flex-direction: column
+//         flex-direction: column
+/*=============================================================================
+ ** Rounded corners
+ **============================================================================   
+ 
+=border-radius ($bradius)  
+    -webkit-border-radius: $bradius+rem
+    -moz-border-radius: $bradius+rem
+    -ms-border-radius: $bradius+rem
+    border-radius: $bradius+rem
+    
+/*=============================================================================
+ ** Box Shawdow
+ **============================================================================
+=box-shadow($top, $left, $blur, $size, $color, $inset: false)
+    @if $inset
+        -webkit-box-shadow: inset $top $left $blur $size $color
+        -moz-box-shadow: inset $top $left $blur $size $color
+        box-shadow: inset $top $left $blur $size $color
+        -o-box-shadow: inset $top $left $blur $size $color
+    @else
+        -webkit-box-shadow: $top $left $blur $size $color
+        -moz-box-shadow: $top $left $blur $size $color
+        box-shadow: $top $left $blur $size $color
+        -o-box-shadow: inset $top $left $blur $size $color
+
+/*=============================================================================
+ ** Long Shadow Flat Design + Icon size
+ **============================================================================
+=long-shadow($scolor, $length)
+    $list: ()
+    @for $i from 1 through $length
+        $list: append($list, $scolor $i + px $i + px, comma)
+    text-shadow: $list
+
+=icon-size($length)
+    text-align: center
+    overflow: hidden
+    width: $length + px
+    height: $length + px
+    font-size: $length / 2 + px
+    line-height: $length + px
+    background-color: $b_color
+    display: inline-block
+    color: $i_color
+    +long-shadow($s_color, $length)
+    +border-radius($b_radius)
+    @if $length <= 30
+        +border-radius(.4)