Sha256: ef042f10d9f83b6e76c9a0c944d0b83fe3dae6d56613310080a9bffaf2bb3b82

Contents?: true

Size: 1.03 KB

Versions: 8

Compression:

Stored size: 1.03 KB

Contents

.note-wrapper
  display: inline-block
  position: relative
  margin-top: -1px

.toggle-note
  position: absolute
  opacity: 0.001
  cursor: pointer
  z-index: 3
  &:checked
    & ~ .note::before
      color: #1a1a1a
    & ~ .note.-saved::before
      color: $primaryColor
    & ~ .note-modal
      display: block
  &:hover
    & ~ .note::before
      color: #666

.note
  +icon("tag")
  margin: 0
  height: 20px
  line-height: 20px
  z-index: 2
  &.-saved
    &:before
      color: $primaryColor
  &.-saving
    @extend .fa-spin
    @extend .fa-spinner
    &:before
      color: $primaryColor

.note-modal
  display: none
  position: absolute
  z-index: 5
  background: #fcfcfc
  box-shadow: #666 0 1px 6px
  border-radius: 3px
  padding: 20px
  right: -100px
  textarea
    width: 400px
    min-width: 400px
    max-width: 90%
    height: 200px
    min-height: 200px
    max-height: 500px

.close
  position: absolute
  top: 10px
  right: 10px
  font-size: 1.2em
  @extend .fa
  @extend .fa-close
  color: #ccc
  cursor: pointer
  &:hover
    color: red

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
study_engine-0.3.1 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.3.0 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.2.2 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.2.1 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.2.0 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.1.1 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.1.0 app/assets/stylesheets/study_engine/components/_notes-modal.sass
study_engine-0.0.2 app/assets/stylesheets/study_engine/components/_notes-modal.sass