Improve the .small-left/right and .medium-left/right classes
This commit is contained in:
parent
bd5f44a7f6
commit
c64e52d9e6
2 changed files with 17 additions and 9 deletions
|
@ -57,25 +57,29 @@ dd {
|
||||||
.small-left {
|
.small-left {
|
||||||
float: left;
|
float: left;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 25%;
|
max-width: 20rem;
|
||||||
margin-left: 1.2em;
|
margin: 0 2rem 0.5rem 0;
|
||||||
margin-bottom: .4em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.small-right {
|
.small-right {
|
||||||
float: right;
|
float: right;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 25%;
|
max-width: 20rem;
|
||||||
margin-right: 1.2em;
|
margin: 0 0 0.5rem 2rem;
|
||||||
margin-bottom: .4em;
|
}
|
||||||
|
|
||||||
|
.medium-left {
|
||||||
|
float: left;
|
||||||
|
height: auto;
|
||||||
|
max-width: 30rem;
|
||||||
|
margin: 0 2rem 0.5rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.medium-right {
|
.medium-right {
|
||||||
float: right;
|
float: right;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 50%;
|
max-width: 30rem;
|
||||||
margin-left: .7em;
|
margin: 0 0 0.5rem 2rem;
|
||||||
margin-bottom: .7em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
img.blog-right {
|
img.blog-right {
|
||||||
|
|
|
@ -83,6 +83,10 @@ input:focus {
|
||||||
box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
|
box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
video {
|
||||||
|
max-width: 100%;
|
||||||
|
margin: 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
a.read-more {
|
a.read-more {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
Loading…
Reference in a new issue