Cool-Y.github.io/themes/next/source/css/_mixins/base.styl
2019-04-02 16:28:32 +08:00

93 lines
1.3 KiB
Stylus

the-transition() {
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
the-transition-ease-in() {
transition-duration: 0.2s;
transition-timing-function: ease-in;
transition-delay: 0s;
}
the-transition-ease-out() {
transition-duration: 0.2s;
transition-timing-function: ease-out;
transition-delay: 0s;
}
mobile-smallest() {
@media (max-width: 413px) {
{block}
}
}
mobile-small() {
@media (max-width: 567px) {
{block}
}
}
mobile() {
@media (max-width: 767px) {
{block}
}
}
tablet() {
@media (min-width: 768px) and (max-width: 991px) {
{block}
}
}
desktop() {
@media (min-width: 992px) {
{block}
}
}
desktop-large() {
@media (min-width: 1600px) {
{block}
}
}
circle() {
border-radius: 50%;
}
transform() {
-webkit-transform: arguments
-moz-transform: arguments
-ms-transform: arguments
-o-transform: arguments
transform: arguments
}
hide() {
display: none !important;
}
show() {
display: block !important;
}
fixbutton() {
right: 20px;
opacity: 0.8;
}
random-color($min, $max) {
return floor(math(0, 'random') * ($max - $min + 1) + $min);
}
// Clearfix. http://nicolasgallagher.com/micro-clearfix-hack/
clearfix() {
&:before,
&:after {
content: " ";
display: table;
}
&:after { clear: both; }
}