123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @mixin media( $res ) {
- @if mobile == $res {
- @media only screen and (min-width: $mobile_width) {
- @content;
- }
- }
- @if tablet == $res {
- @media only screen and (min-width: $tablet_width) {
- @content;
- }
- }
- @if tabletalt == $res {
- @media only screen and (min-width: $tablet_alt_width) {
- @content;
- }
- }
- @if desktop == $res {
- @media only screen and (min-width: $desktop_width) {
- @content;
- }
- }
- @if wide == $res {
- @media only screen and (min-width: $wide_width) {
- @content;
- }
- }
- }
- @mixin link-transition( $attr: color ) {
- transition: $attr $link_transition ease-in-out;
- }
- @mixin button-transition() {
- transition: background $button_transition ease-in-out;
- }
- @mixin button-all-transition() {
- transition: all $button_transition ease-in-out;
- }
- @mixin background-transition() {
- transition: background $background_transition ease-in-out;
- }
- @mixin selection {
- ::-moz-selection {
- @content;
- }
- ::selection {
- @content;
- }
- }
|