flystyles
Advanced tools
Comparing version 1.1.4 to 1.1.5
@@ -56,4 +56,11 @@ --- | ||
<div class='bg-black'> | ||
{% example html %} | ||
<button class="Button Button--outline" type="button">outline</button> | ||
<button class="Button Button--outlineWhite" type="button">white</button> | ||
{% endexample %} | ||
</div> | ||
{% example html %} | ||
<button class="Button Button--outlinePrimary" type="button">primary</button> | ||
@@ -66,2 +73,3 @@ <button class="Button Button--outlineSecondary" type="button">secondary</button> | ||
##### Disabled Button | ||
@@ -68,0 +76,0 @@ |
@@ -10,4 +10,3 @@ --- | ||
{% example html %} | ||
<p class='color-body'>This is body color</p> | ||
<p class='color-white'>This is white color</p> | ||
<p class='color-white bg-black'>This is white color</p> | ||
<p class='color-primary'>This is brand primary color</p> | ||
@@ -19,2 +18,7 @@ <p class='color-secondary'>This is brand secondary color</p> | ||
<p class='color-danger'>This is danger color</p> | ||
<p class='color-gray'>This is gray color</p> | ||
<p class='color-grayLight'>This is gray light color</p> | ||
<p class='color-grayLighter'>This is gray lighter color</p> | ||
<p class='color-grayDark'>This is gray dark color</p> | ||
<p class='color-grayDarker'>This is gray darker color</p> | ||
{% endexample %} |
@@ -35,1 +35,12 @@ --- | ||
{% endexample %} | ||
##### Responsive Spacing classes | ||
Margins and paddings can be applied responsively. For example: | ||
`.fromSmall-marginTop-0`, remove margin top from `Small` breackpoint (544px). That is, from 544px the element won't have margin top. | ||
{% example html %} | ||
<p class="marginTop-xxl padding-xxl fromMedium-marginTop-0">margin-0 padding-xs</p> | ||
<p class="margin-sm padding-xxl fromLarge-padding-0">margin-sm padding-xxl</p> | ||
{% endexample %} |
{ | ||
"name": "flystyles", | ||
"version": "1.1.4", | ||
"version": "1.1.5", | ||
"description": "Flywire UI Framework", | ||
@@ -5,0 +5,0 @@ "author": "Javier Arques <javier.arques@flywire.com>", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
358009
97
2580