Sha256: 7692b65b44308325f6c35118172fc8813715ecbdc34473df3b3304e6bda83055
Contents?: true
Size: 1.14 KB
Versions: 6
Compression:
Stored size: 1.14 KB
Contents
.svg__fill {
&--blue {
fill: $primary-blue;
}
&--white {
fill: $white;
}
}
.svg {
height: 100px;
width: 100px;
&--none {
fill: none;
}
&--blue {
fill: $primary-blue;
}
&--red {
fill: $primary-red;
}
}
.svg--max-width {
max-width: 100%;
}
.svg {
&__button {
height: 48px;
width: 48px;
}
&--fill-none {
fill: none;
}
&--fill-white {
fill: $white;
}
&--fill-blue {
fill: $primary-blue;
}
}
.svg__action--place {
margin-left: -2rem;
}
@media screen and (min-width: 360px) {
.svg__action--place {
margin-left: -3rem;
}
}
@media screen and (min-width: 768px) {
.svg__action--place {
margin-left: 0;
}
}
@media screen and (min-width: 360px) {
.svg__button {
height: 48px;
width: 48px;
}
}
@media screen and (min-width: 768px) {
.svg__button {
height: 36px;
width: 36px;
}
}
@media screen and (min-width: 992px) {
.svg__button {
height: 48px;
width: 48px;
}
}
.svg__sync {
fill: $color-blue-reboot;
transition: fill ease-in-out .2s;
}
button:hover .svg__sync,
button:focus .svg__sync {
fill: $color-blue-reboot-hover;
}
Version data entries
6 entries across 6 versions & 1 rubygems