Move into wp-content path
Signed-off-by: Adrian Nöthlich <git@promasu.tech>
This commit is contained in:
125
wp-content/themes/Pirate-Rogue/css/sass/elements/_images.scss
Normal file
125
wp-content/themes/Pirate-Rogue/css/sass/elements/_images.scss
Normal file
@@ -0,0 +1,125 @@
|
||||
/* --- Images --- */
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
/* Adhere to container width. */
|
||||
height: auto;
|
||||
/* Make sure images are scaled correctly. */
|
||||
|
||||
&.wp-post-image {
|
||||
padding: 0;
|
||||
}
|
||||
&.img-border {
|
||||
border: 5px solid #e2e2e2;
|
||||
}
|
||||
&.img-border-thin {
|
||||
background: #fff;
|
||||
padding: 5px;
|
||||
border: 1px solid #ededee;
|
||||
}
|
||||
&.shadow {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
&.noshadow {
|
||||
max-width: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.rounded {
|
||||
border-radius: 50%;
|
||||
}
|
||||
&.roundedges {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
&.alignleft,
|
||||
&.alignright {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.widget img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
&.alignnone {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img#wpstats {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
.wp-caption-text,
|
||||
p.wp-caption-text {
|
||||
margin: 0;
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
|
||||
.shadow-images & img {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
.shadow-images & img.noshadow {
|
||||
max-width: inherit;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.type-attachment .entry-content .entry-caption p {
|
||||
margin: 0;
|
||||
padding: 8px 10px 30px 2px;
|
||||
@include px2rem($font-size-small);
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
p.wp-caption-text {
|
||||
text-align: right;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
.alignleft p.wp-caption-text {
|
||||
text-align: left;
|
||||
}
|
||||
.alignright p.wp-caption-text {
|
||||
text-align: right;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 10px 0 20px 0;
|
||||
figcaption {
|
||||
text-align: right;
|
||||
padding: 0 10px 0 0;
|
||||
margin: 0;
|
||||
@include px2rem($font-size-small);
|
||||
max-width: 100%;
|
||||
}
|
||||
&.entry-thumbnail {
|
||||
figcaption {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.shadow-images & img {
|
||||
max-width: calc(100% - 10px);
|
||||
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.single-post {
|
||||
.entry-thumbnail {
|
||||
@media screen and (min-width:$breakpoint-sm) {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user