Fedora UI Fractal Components for Bootstrap

Example component 

<div class="component-example">This example component takes a sass variable and interprets it along with component styles!</div>
 
<div class="component-example">{{ text }}</div>
 
text: >-
  This example component takes a sass variable and interprets it along with
  component styles!
  • Content: 
    /*------------------------------------*\
    #BOX
\*------------------------------------*/

/**
 * 1) This component is a modal-like
 */
.c-box {
	border: 1px solid $color-gray-50;
	border-radius: $border-radius;
	padding: 2rem;
	margin: 2rem;
	align-self: center;
	justify-content: center;
	max-width: 32em;
	margin: 2rem auto;
}

.c-box__header {
	text-align: center;
	margin-bottom: 2rem;
}
  • URL: /components/raw/box/_box.scss
  • Filesystem Path: components/box/_box.scss
  • Size: 416 Bytes

hello world