Appearance - Ryan-Rutledge/FlashcardStacks GitHub Wiki

Appearance

Dimensions | Margins


Dimensions

fc-width

fc-height

Set the dimensions of the Flashcards in a stack.

  • Sets flashcard max width and height
  • Sets flashcard aspect ratio

Default

  • fc-width="600"
  • fc-height="400"

Example

<div id="unique_id" class="fc_container" fc-width="500" fc-height="400">
  <!-- The dimensions of the cards in this stack are 500x400 -->
</div>

Margins

fc-margin

Sets the margins of the flashcards within a Stack in relation to their fc_container.

  • Sets the flashcard's minimum distance from the edge of the container.
  • Is actually setting the fc_outerHolder class element's CSS padding.

Default

  • fc-margin="1%"

Example

<div id="unique_id" class="fc_container" fc-margin="10% 5px">
  <!--
    The top and bottom margins of the cards in this stack are 10%,
    and the left and right margins are 5px.
  -->
</div>

Notes

  • Flashcards will re-size to maximum possible dimensions
⚠️ **GitHub.com Fallback** ⚠️