82 lines
916 B
SCSS
Executable File
82 lines
916 B
SCSS
Executable File
/**
|
|
* WordPress specific classes
|
|
*/
|
|
|
|
.alignleft {
|
|
float: left;
|
|
}
|
|
|
|
img.alignleft {
|
|
margin-right: $base-spacing-unit;
|
|
}
|
|
|
|
.alignright {
|
|
float: right;
|
|
}
|
|
|
|
img.alignright {
|
|
margin-left : $base-spacing-unit;
|
|
}
|
|
|
|
.aligncenter {
|
|
display: block;
|
|
margin: {
|
|
left: auto;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
img.aligncenter {
|
|
margin-bottom: $base-spacing-unit;
|
|
}
|
|
|
|
|
|
/**
|
|
* Clear fix for floats
|
|
*/
|
|
|
|
.clearfix {
|
|
&:before,
|
|
&:after{
|
|
content: '';
|
|
display: table;
|
|
line-height: 0;
|
|
}
|
|
&:after{
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Accessibility
|
|
*/
|
|
|
|
.sr-only {
|
|
display: none;
|
|
}
|
|
|
|
|
|
/**
|
|
* Responsive
|
|
*/
|
|
|
|
@each $breakpoint in $breakpoints {
|
|
|
|
$key : nth($breakpoint, 1);
|
|
$value : nth($breakpoint, 2);
|
|
|
|
.visible-#{$key} {
|
|
@media only screen and #{$value} {
|
|
display: block !important;
|
|
}
|
|
}
|
|
|
|
.hidden-#{$key} {
|
|
@media only screen and #{$value} {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
}
|