Ghost_Ruby_Theme/assets/less/misc/utilities.less
Sodbileg Gansukh 074ded8057 Hover
2019-05-27 21:34:56 +08:00

114 lines
1.5 KiB
Plaintext

.u-shadow {
border-radius: 5px;
box-shadow: @shadow-base;
overflow: hidden;
transition: box-shadow .3s @animation-base;
&:hover {
box-shadow: 0 0 20px rgba(0,0,0,.12);
}
}
.u-plain-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.u-placeholder {
background-color: @light-gray-color;
position: relative;
z-index: 10;
&.same-height {
height: 0;
}
&.rectangle {
padding-bottom: 56.25%;
}
}
.u-object-fit {
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
}
.u-permalink {
bottom: 0;
left: 0;
outline: none;
position: absolute;
right: 0;
top: 0;
z-index: 10;
}
.u-hover-item {
transition: opacity .3s @animation-base;
}
.u-hover-wrapper:hover .u-hover-item {
opacity: .5;
&:hover {
opacity: 1;
}
}
.u-text-format {
h1, h2, h3, h4, h5, h6 {
font-weight: 800;
margin-top: 40px;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 17px;
font-weight: 700;
}
h5 {
font-size: 15px;
font-weight: 700;
}
h6 {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
strong {
color: @dark-gray-color;
}
a {
color: var(--primary-color);
}
& > *:first-child,
& > *:first-child > *:first-child {
margin-top: 0 !important;
}
& > *:last-child,
& > *:last-child > *:last-child {
margin-bottom: 0 !important;
}
}