/// Font Style Italic
@mixin font-italic {
- font-style: italic;
+ font-style: italic !important;
}
@mixin foundation-prototype-font-styling {
/// Style type for unordered Lists, by default coming through a map `$prototype-style-type-unordered`
/// @param {String} $style-type-unordered [] Style type for unordered Lists
@mixin style-type-unordered($style-type-unordered) {
- list-style-type: $style-type-unordered;
+ list-style-type: $style-type-unordered !important;
}
/// Style type for ordered Lists, by default coming through a map `$prototype-style-type-ordered`
/// @param {String} $style-type-ordered [] Style type for ordered Lists
@mixin style-type-ordered($style-type-ordered) {
- list-style-type: $style-type-ordered;
+ list-style-type: $style-type-ordered !important;
}
@mixin list-unordered {
/// Overflow classes, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes
@mixin overflow($overflow) {
- overflow: $overflow;
+ overflow: $overflow !important;
}
/// Overflow classes on horizontal axis, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes (horizontal axis)
@mixin overflow-x($overflow) {
- overflow-x: $overflow;
+ overflow-x: $overflow !important;
}
/// Overflow classes on vertical axis, by default coming through a map `$prototype-overflow`
/// @param {String} $overflow [] Overflow classes (vertical axis)
@mixin overflow-y($overflow) {
- overflow-y: $overflow;
+ overflow-y: $overflow !important;
}
@mixin foundation-prototype-overflow {
/// Position classes, by default coming through a map `$prototype-position`
/// @param {String} $position [] Position classes
@mixin position($position) {
- position: $position;
+ position: $position !important;
}
/// Position Fixed on top corners
$z-index: $prototype-position-z-index
) {
@include position(fixed);
- top: 0;
- right: 0;
- left: 0;
+ top: 0 !important;
+ right: 0 !important;
+ left: 0 !important;
z-index: $z-index;
}
$z-index: $prototype-position-z-index
) {
@include position(fixed);
- right: 0;
- bottom: 0;
- left: 0;
+ right: 0 !important;
+ bottom: 0 !important;
+ left: 0 !important;
z-index: $z-index;
}
/// Rounded circle utility
@mixin rounded-circle {
- border-radius: 50%;
+ border-radius: 50% !important;
}
@mixin foundation-prototype-rounded {
/// Max Width 100 utility.
@mixin max-width-100 {
- max-width: 100%;
+ max-width: 100% !important;
}
/// Max Height 100 utility.
@mixin max-height-100 {
- max-height: 100%;
+ max-height: 100% !important;
}
@mixin foundation-prototype-sizing {
@each $sizing in $prototype-sizing {
@each $size, $percentage in $prototype-sizes {
.#{$sizing}-#{$size} {
- #{$sizing}: $percentage;
+ #{$sizing}: $percentage !important;
}
}
}
/// Text Decoration, by default coming through a map `$prototype-text-decoration`
/// @param {String} $decoration [] Text Decoration
@mixin text-decoration($decoration) {
- text-decoration: $decoration;
+ text-decoration: $decoration !important;
}
@mixin foundation-prototype-text-decoration {
/// Text Transformation, by default coming through a map `$prototype-text-transformation`
/// @param {String} $transformation [] Text Transformation
@mixin text-transform($transformation) {
- text-transform: $transformation;
+ text-transform: $transformation !important;
}
@mixin foundation-prototype-text-transformation {
/// Image Replacement utility. `text-hide`
@mixin text-hide {
- font: 0/0 a;
- color: transparent;
- text-shadow: none;
- background-color: transparent;
- border: 0;
+ font: 0/0 a !important;
+ color: transparent !important;
+ text-shadow: none !important;
+ background-color: transparent !important;
+ border: 0 !important;
}
/// Truncating the text, elipsis by default.
@mixin text-truncate(
$overflow: $prototype-text-overflow
) {
- overflow: hidden;
+ overflow: hidden !important;
text-overflow: $overflow;
- white-space: nowrap;
+ white-space: nowrap !important;
}
/// No wrapping of the text. `text-nowrap`
@mixin text-nowrap {
- white-space: nowrap;
+ white-space: nowrap !important;
}
/// Wrapping of the text. `text-wrap`
@mixin text-wrap {
- word-wrap: break-word;
+ word-wrap: break-word !important;
}
@mixin foundation-prototype-text-utilities {