Packages

thesis

0.0.28
0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0 0.0.30 0.0.29 0.0.28 0.0.27 0.0.26 0.0.25 0.0.24 0.0.23 0.0.22 0.0.21 0.0.20 0.0.19 0.0.18 0.0.17 0.0.16 0.0.15 0.0.14 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7 0.0.6 0.0.5 0.0.4 0.0.3 0.0.2 0.0.1

Thesis is a lightweight bolt-on content editing system for Phoenix websites.

HexDocs

Current section

Files

Jump to
Readme
37 Versions
6 Dependencies
0 Dependants
Files
Activity
thesis web static css _mixins _editor.sass
Raw

web/static/css/_mixins/_editor.sass 

@mixin editor_icons($icons)

  @each $class, $color in $icons

    &.#{$class} > i

      background-color: $color



      &:hover

        background-color: darken($color, 8%)

        +transition(background-color .3s ease-in-out)



@mixin curve_buttons($limit, $offset:0, $rightOverride:false)

  @for $i from 1 to $limit

    &:nth-child(#{$i - $offset})

      +transform(rotate(- (($limit - $i) * 5)+deg))

      +transform-origin(0% 100%)

      $right: ((($limit  - $i) * $limit) * ($limit + 1 - $i) / 3) + (($limit + 1 - $i) * 3) + 8

      right: $right + px



    @if $rightOverride

      &:nth-child(-n+3)

        +transform(rotate(0))

        right: 15px