- 1
- include: true
- force-attribute-nesting: 1
+ force-attribute-nesting: 0
- force-element-nesting: 1
+ force-element-nesting: 0
- force-pseudo-nesting: 1
+ force-pseudo-nesting: 0
function-name-format:
- 1
// foundation.zurb.com
// Licensed under MIT Open Source
-// sass-lint:disable force-attribute-nesting, force-pseudo-nesting, no-color-literals, no-qualifying-elements
+// sass-lint:disable no-color-literals, no-qualifying-elements
////
/// @group global
color: $body-font-color;
@if ($body-antialiased) {
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased; // sass-lint:disable-line no-vendor-prefixes
+ -moz-osx-font-smoothing: grayscale; // sass-lint:disable-line no-vendor-prefixes
}
}
$accordionmenu-arrow-size: 6px !default;
@mixin zf-accordion-menu-left-right-arrows {
- .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
+ .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
position: relative;
&::after {
#{$global-right}: 1rem;
}
}
- &.align-left .is-accordion-submenu-parent > a::after {
- left: auto;
+
+ &.align-left .is-accordion-submenu-parent > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
right: 1rem;
+ left: auto;
}
- &.align-right .is-accordion-submenu-parent > a::after {
+
+ &.align-right .is-accordion-submenu-parent > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
right: auto;
left: 1rem;
}
}
padding: $accordionmenu-padding;
}
-
- .is-accordion-submenu a {
+
+ .is-accordion-submenu a { // sass-lint:disable-line force-element-nesting
padding: $accordionmenu-submenu-padding;
}
- .nested.is-accordion-submenu {
+ .nested.is-accordion-submenu { // sass-lint:disable-line force-element-nesting
@include menu-nested($accordionmenu-nested-margin);
}
&.align-#{$global-right} {
- .nested.is-accordion-submenu {
+ .nested.is-accordion-submenu { // sass-lint:disable-line force-element-nesting
@include menu-nested($accordionmenu-nested-margin, right);
}
}
@if $accordionmenu-arrows {
@include zf-accordion-menu-left-right-arrows;
- .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
+ .is-accordion-submenu-parent[aria-expanded='true'] > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting force-attribute-nesting
transform: rotate(180deg);
transform-origin: 50% 50%;
}
}
}
- .is-accordion-submenu li {
+ .is-accordion-submenu li { // sass-lint:disable-line force-element-nesting force-attribute-nesting
@if $accordionmenu-border {
border-right: 0;
border-left: 0;
position: absolute;
top: 0;
#{$global-right}: 0;
- cursor: pointer;
width: $accordionmenu-submenu-toggle-width;
height: $accordionmenu-submenu-toggle-height;
+ cursor: pointer;
+
border-#{$global-left}: $accordion-submenu-toggle-border;
@if $accordionmenu-submenu-toggle-background {
}
// Rotate the arrow when menu is open
- .submenu-toggle[aria-expanded='true']::after {
+ .submenu-toggle[aria-expanded='true']::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting force-attribute-nesting
transform: scaleY(-1);
transform-origin: 50% 50%;
}
margin-#{$global-left}: 0;
background: $background;
list-style-type: none;
+
&[disabled] {
.accordion-title {
cursor: not-allowed;
line-height: 1;
color: $color;
- :last-child:not(.is-active) > & {
- border-bottom: $border;
- border-radius: 0 0 $global-radius $global-radius;
+ :last-child {
+ &:not(.is-active) > & {
+ border-bottom: $border;
+ border-radius: 0 0 $global-radius $global-radius;
+ }
}
&:hover,
// Need to escape the backslash
$separator: if($global-text-direction == 'ltr', $breadcrumbs-item-separator-item, $breadcrumbs-item-separator-item-rtl);
- &:not(:last-child)::after {
- position: relative;
- margin: 0 $breadcrumbs-item-margin;
- opacity: 1;
- content: $separator;
- color: $breadcrumbs-item-separator-color;
+ &:not(:last-child) {
+ &::after {
+ position: relative;
+ margin: 0 $breadcrumbs-item-margin;
+ opacity: 1;
+ content: $separator;
+ color: $breadcrumbs-item-separator-color;
+ }
}
}
@else {
}
@else {
// One child
- &:first-child:last-child {
- width: calc(100% - #{$spacing});
+ &:first-child {
+ &:last-child {
+ width: calc(100% - #{$spacing});
+ }
}
// Two or more childreen
@for $i from 2 through $buttongroup-expand-max {
- &:first-child:nth-last-child(#{$i}) {
- &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {
+ &:first-child:nth-last-child(#{$i}) { // sass-lint:disable-line force-pseudo-nesting
+ &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} { // sass-lint:disable-line force-pseudo-nesting
display: inline-block;
width: calc(#{percentage(1 / $i)} - #{$spacing});
margin-#{$global-right}: $spacing;
@if not $buttongroup-radius-on-each {
border-radius: 0;
- &:first-child{
+ &:first-child {
border-top-#{$global-left}-radius: $global-radius;
border-top-#{$global-right}-radius: $global-radius;
}
// Sizes
@each $size, $value in map-remove($button-sizes, default) {
- &.#{$size} #{$buttongroup-child-selector} {
+ &.#{$size} #{$buttongroup-child-selector} { // sass-lint:disable-line force-element-nesting
font-size: $value;
}
}
}
}
@else {
- &.#{$name} #{$buttongroup-child-selector} {
+ &.#{$name} #{$buttongroup-child-selector} { // sass-lint:disable-line force-element-nesting
@include button-hollow;
@include button-hollow-style($color);
}
}
}
- &.stacked-for-small.expanded { // sass-lint:disable-line force-element-nesting
+ &.stacked-for-small.expanded {
@include breakpoint(small only) {
display: block;
}
}
- &.stacked-for-medium.expanded { // sass-lint:disable-line force-element-nesting
+ &.stacked-for-medium.expanded {
@include breakpoint(medium down) {
display: block;
display: inline-block;
vertical-align: middle;
margin: $button-margin;
- font-family: $button-font-family;
@if (type-of($button-padding) == 'map') {
@each $size, $padding in $button-padding {
padding: $button-padding;
}
- -webkit-appearance: none;
border: 1px solid transparent;
border-radius: $button-radius;
transition: $button-transition;
+ font-family: $button-font-family;
font-size: map-get($button-sizes, default);
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes
line-height: 1;
text-align: center;
cursor: pointer;
margin-#{$global-left}: 0;
}
}
- a.button {
+
+ a.button { // sass-lint:disable-line no-qualifying-elements
&:hover,
&:focus {
text-decoration: none;
$padding: $card-padding
) {
@if $global-flexbox {
- flex: 0 1 auto;
display: flex;
+ flex: 0 1 auto;
}
padding: $padding;
@mixin zf-drilldown-left-right-arrows {
.is-drilldown-submenu-parent > a {
position: relative;
+
&::after {
+ @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);
position: absolute;
top: 50%;
margin-top: -1 * $drilldown-arrow-size;
#{$global-right}: 1rem;
- @include css-triangle($drilldown-arrow-size, $drilldown-arrow-color, $global-right);
}
}
&.align-left .is-drilldown-submenu-parent > a::after {
- left: auto;
- right: 1rem;
@include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, right);
+ right: 1rem;
+ left: auto;
}
&.align-right .is-drilldown-submenu-parent > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
right: auto;
left: 1rem;
- @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
}
}
display: inline-block;
vertical-align: middle;
margin-#{$global-right}: 0.75rem; // Creates space between the arrow and the text
-
- border-#{$global-left}-width: 0;
}
}
}
}
&.opens-left > a::after {
+ @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
right: auto;
left: 5px;
- @include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, left);
}
&.opens-right > a::after {
@mixin dropdown-menu-direction($dir: horizontal) {
@if $dir == horizontal {
- > li.opens-left {
+ > li.opens-left { // sass-lint:disable-line no-qualifying-elements
> .is-dropdown-submenu {
top: 100%;
right: 0;
}
}
- > li.opens-right {
+ > li.opens-right { // sass-lint:disable-line no-qualifying-elements
> .is-dropdown-submenu {
top: 100%;
right: auto;
}
@if $dropdownmenu-arrows {
- > li.is-dropdown-submenu-parent > a {
+ > li.is-dropdown-submenu-parent > a { // sass-lint:disable-line no-qualifying-elements
position: relative;
padding-#{$global-right}: $dropdownmenu-arrow-padding;
}
- > li.is-dropdown-submenu-parent > a::after {
+ > li.is-dropdown-submenu-parent > a::after { // sass-lint:disable-line no-qualifying-elements
@include css-triangle($dropdownmenu-arrow-size, $dropdownmenu-arrow-color, down);
#{$global-right}: 5px;
#{$global-left}: auto;
&.opens-left {
> .is-dropdown-submenu {
+ top: 0;
right: 100%;
left: auto;
- top: 0;
}
}
position: absolute;
z-index: 10;
+ display: none;
+
width: $dropdown-width;
padding: $dropdown-padding;
visibility: hidden;
- display: none;
border: $dropdown-border;
border-radius: $dropdown-radius;
background-color: $dropdown-background;
}
&.is-open {
- visibility: visible;
display: block;
+ visibility: visible;
}
}
}
@each $name, $size in $dropdown-sizes {
- .dropdown-pane.#{$name} {
- width: $size;
+ .dropdown-pane {
+ &.#{$name} {
+ width: $size;
+ }
}
}
}
// Horizontal alignment Specifically for Vertical Menu
@each $hdir, $prop in map-remove($-zf-flex-justify, 'justify', 'spaced') {
.align-#{$hdir} {
- &.vertical.menu > li > a {
- @include flex-align($x: $hdir);
+ &.vertical {
+ &.menu > li > a {
+ @include flex-align($x: $hdir);
+ }
}
}
}
// foundation.zurb.com
// Licensed under MIT Open Source
-// sass-lint:disable force-element-nesting, no-qualifying-elements
+// sass-lint:disable no-qualifying-elements
////
/// @group table
&:not(:focus) {
border-color: $background;
background-color: mix($background, $white, $background-lighten);
+
&::placeholder {
color: $background;
}
$input-prefix-padding: 1rem !default;
@mixin foundation-form-prepostfix {
- $height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);;
+ $height: ($input-font-size * $input-line-height) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
.input-group {
display: if($global-flexbox, flex, table);
@extend %input-group-child;
@if $global-flexbox {
- height: auto;
align-self: stretch;
+ height: auto;
}
@else {
height: $height;
// Specificity bump needed to prevent override by buttons
@if not $global-flexbox {
- .input-group .input-group-button {
- display: table-cell;
+ .input-group {
+ .input-group-button {
+ display: table-cell;
+ }
}
}
}
// `-moz-appearance: none` as a prefix and neglecting the webkit.
/*! autoprefixer: off */
- -moz-appearance: none;
- appearance: none;
+ -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
+ appearance: none;
@if has-value($meter-radius) {
border-radius: $meter-radius;
}
}
- &:-moz-meter-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ &:-moz-meter-optimum::-moz-meter-bar {
background: $meter-fill-good;
}
- &:-moz-meter-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ &:-moz-meter-sub-optimum::-moz-meter-bar {
background: $meter-fill-medium;
}
- &:-moz-meter-sub-sub-optimum::-moz-meter-bar { // sass-lint:disable-line force-pseudo-nesting
+ &:-moz-meter-sub-sub-optimum::-moz-meter-bar {
background: $meter-fill-bad;
}
}
}
// For IE and Edge
- &::-ms-fill {
+ &::-ms-fill { // sass-lint:disable-line no-vendor-prefixes
@if hasvalue($progress-radius) {
border-radius: $progress-radius;
}
$slider-radius: $global-radius !default;
@mixin foundation-range-input {
- input[type="range"] { // sass-lint:disable-line no-qualifying-elements
+ input[type='range'] { // sass-lint:disable-line no-qualifying-elements force-attribute-nesting
$margin: ($slider-handle-height - $slider-height) / 2;
display: block;
height: $slider-handle-height;
margin-top: -$margin;
- -webkit-appearance: none;
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes
background: $slider-handle-background;
@if has-value($slider-radius) {
// Firefox
&::-moz-range-track {
height: $slider-height;
- -moz-appearance: none;
+ -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
background: $slider-background;
}
height: $slider-handle-height;
margin-top: -$margin;
- -moz-appearance: none;
+ -moz-appearance: none; // sass-lint:disable-line no-vendor-prefixes
background: $slider-handle-background;
@if has-value($slider-radius) {
}
// Reset Normalize setting content-box to search elements
- input[type='search'] { // sass-lint:disable-line no-qualifying-elements
+ input[type='search'] { // sass-lint:disable-line no-qualifying-elements force-attribute-nesting
box-sizing: border-box;
}
// Number input styles
[type='number'] {
@if not $input-number-spinners {
- -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefix
+ -moz-appearance: textfield; // sass-lint:disable-line no-vendor-prefixes
&::-webkit-inner-spin-button,
&::-webkit-outer-spin-button {
- -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefix
+ -webkit-appearance: none; // sass-lint:disable-line no-vendor-prefixes
margin: 0;
}
}