mirror of
https://github.com/pierre42100/comunic
synced 2024-11-17 11:01:13 +00:00
36 lines
696 B
SCSS
36 lines
696 B
SCSS
|
// variables
|
||
|
|
$text-bg: #f6f6f6;
|
||
|
|
$text-padding: 6rem;
|
||
|
|
$image-margin: 2rem;
|
||
|
|
|
||
|
|
|
||
|
|
// styling
|
||
|
|
.callout {
|
||
|
|
background: $text-bg;
|
||
|
|
padding: $text-padding $content-padding;
|
||
|
|
@include breakpoint(desktop-only) {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-left {
|
||
|
|
float: left;
|
||
|
|
margin-right: $image-margin;
|
||
|
|
@include breakpoint(desktop-only) {
|
||
|
|
float: none;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.align-right {
|
||
|
|
float: right;
|
||
|
|
margin-left: $image-margin;
|
||
|
|
@include breakpoint(desktop-only) {
|
||
|
|
float: none;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
border-radius: $border-radius;
|
||
|
|
}
|
||
|
|
}
|