Sha256: f4521e854c1730a5ebbb5fb10108d337521c27357471c7a3e46b549d71b706d1
Contents?: true
Size: 1.94 KB
Versions: 7
Compression:
Stored size: 1.94 KB
Contents
// Table helpers
@mixin table-helpers {
th, td {
&.shrink, &.compact, &.check {
width: 1px;
white-space: nowrap;
}
&.compact:not(:last-child) {
padding-right: $global-padding * 2;
}
&.center {
text-align: center;
&.compact {
padding-left: $global-padding * 2;
padding-right: $global-padding * 2;
}
}
&.expand {
width: 100%;
}
&.check {
input {
margin: 0;
}
}
&.actions {
white-space: nowrap;
a {
margin: 0;
padding: ($global-padding / 4) ($global-padding / 3.5);
&:not(:last-child) {
margin-right: $global-padding / 4;
}
}
}
}
}
@mixin form-helpers {
#{text-inputs()}, select {
&.large {
$fsize: 1.292rem;
$height: ($fsize * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
font-size: $fsize;
height: $height;
}
&.small {
$fsize: .8rem;
$height: ($fsize * unitless-calc($input-line-height)) + (get-side($input-padding, 'top') + get-side($input-padding, 'bottom')) - rem-calc(1);
font-size: $fsize;
height: $height;
}
}
.input-group-list {
#{text-inputs()}, select, textarea {
margin-bottom: -1px;
&:active, &:focus {
position: relative;
z-index: 1;
}
}
}
}
@mixin color-helpers {
@each $attr in (background, background-color, border-color, color) {
.#{$attr} {
&-none {
#{$attr}: none !important;
}
@each $name, $color in $foundation-palette {
&-#{$name} {
#{$attr}: $color !important;
}
}
}
}
}
@mixin text-helpers {
.text-small {
font-size: $small-font-size;
}
}
@mixin bedrock-prototype-classes {
@include table-helpers;
@include form-helpers;
@include color-helpers;
@include text-helpers;
}
Version data entries
7 entries across 7 versions & 1 rubygems