scss-library/components/01_Layouts/sizes/_sizes.styl

RV-Sizes--half()
	+RV-Block__Modifier--name('half')
		flex-grow 0
		flex-shrink 0
		flex-basis 50%
		width 50%
	
RV-Sizes--third()
	+RV-Block__Modifier--name('third')
		flex-grow 0
		flex-shrink 0
		flex-basis (100/3)%
		width (100/3)%
	
RV-Sizes--quarter()
	+RV-Block__Modifier--name('quarter')
		flex-grow 0
		flex-shrink 0
		flex-basis 25%
		width 25%
	
RV-Sizes--fixedSize(width=100px)
	+RV-Block__Modifier--name('fixedSize')
		flex-grow 0
		flex-shrink 0
		width min-content
		flex-basis width
	
RV-Sizes--content()
	+RV-Block__Modifier--name('content')
		flex-grow 0
		flex-shrink 0
		width max-content
		flex-basis max-content

+RV-Block('RV-Sizes')

	+RV-Block__Modifier()
		RV-Sizes--half()

	+RV-Block__Modifier()
		RV-Sizes--third()

	+RV-Block__Modifier()
		RV-Sizes--quarter()

	+RV-Block__Modifier()
		RV-Sizes--fixedSize()

	+RV-Block__Modifier()
		RV-Sizes--content()