angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

_utilities.scss (860B)

      1 
      2 @mixin media( $res ) {
      3 	@if mobile == $res {
      4 		@media only screen and (min-width: $mobile_width) {
      5 			@content;
      6 		}
      7 	}
      8 
      9 	@if tablet == $res {
     10 		@media only screen and (min-width: $tablet_width) {
     11 			@content;
     12 		}
     13 	}
     14 
     15 	@if desktop == $res {
     16 		@media only screen and (min-width: $desktop_width) {
     17 			@content;
     18 		}
     19 	}
     20 
     21 	@if wide == $res {
     22 		@media only screen and (min-width: $wide_width) {
     23 			@content;
     24 		}
     25 	}
     26 }
     27 
     28 @mixin link-transition( $attr: color ) {
     29 	transition: $attr $link_transition ease-in-out;
     30 }
     31 
     32 @mixin button-transition() {
     33 	transition: background $button_transition ease-in-out;
     34 }
     35 
     36 @mixin button-all-transition() {
     37 	transition: all $button_transition ease-in-out;
     38 }
     39 
     40 @mixin background-transition() {
     41 	transition: background $background_transition ease-in-out;
     42 }
     43 
     44 @mixin selection {
     45 	::-moz-selection {
     46 		@content;
     47 	}
     48 	::selection {
     49 		@content;
     50 	}
     51 }