barebones/assets/sass/utils/_helpers.scss

82 lines
1.1 KiB
SCSS

/**
* Clearing and floating
*/
.alignleft,
.float-left {
float: left;
img & {
margin-right: $base-spacing-unit;
}
}
.alignright,
.float-right {
float: right;
img & {
margin-left : $base-spacing-unit;
}
}
.aligncenter,
.float-center {
display: block;
margin: {
left: auto;
right: auto;
}
img & {
margin-bottom: $base-spacing-unit;
}
}
.clearfix {
@include clearfix();
}
/**
* Text aligments
*/
.align-text-left {
text-align: left;
}
.align-text-right {
text-align: right;
}
.align-text-center {
text-align: center;
}
/**
* Elements visibility
*/
.visible-on-mobile {
display: none !important;
@include resp-max($breakpoint-sm) {
display: block !important;
}
}
.visible-on-tablet {
display: none !important;
@include resp-max($breakpoint-md) {
display: block !important;
}
@include resp-max($breakpoint-sm) {
display: none !important;
}
}
.visible-on-desktop {
@include resp-max($breakpoint-md) {
display: none !important;
}
}