Pawlik
/
gohugo-theme-ananke
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 43 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
18 Branches
Tree: 98bc281a57
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '98bc281a57'
${ noResults }
gohugo-theme-ananke/src/css/tachyons/_box-shadow.css

_box-shadow.css 1.6KB
Raw Blame History

1234567891011121314151617181920212223242526272829303132333435363738394041 
  1. /*

  2. 

  3.   BOX-SHADOW

  4.   Docs: http://tachyons.io/docs/themes/box-shadow/

  5. 

  6.   Media Query Extensions:

  7.    -ns = not-small

  8.    -m  = medium

  9.    -l  = large

  10. 

  11.  */

  12. 

  13. .shadow-1 { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  14. .shadow-2 { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }

  15. .shadow-3 { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  16. .shadow-4 { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  17. .shadow-5 { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  18. 

  19. @media (--breakpoint-not-small) {

  20.   .shadow-1-ns { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  21.   .shadow-2-ns { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }

  22.   .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  23.   .shadow-4-ns { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  24.   .shadow-5-ns { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  25. }

  26. 

  27. @media (--breakpoint-medium) {

  28.   .shadow-1-m { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  29.   .shadow-2-m { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }

  30.   .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  31.   .shadow-4-m { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  32.   .shadow-5-m { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  33. }

  34. 

  35. @media (--breakpoint-large) {

  36.   .shadow-1-l { box-shadow: 0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  37.   .shadow-2-l { box-shadow: 0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ); }

  38.   .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ); }

  39.   .shadow-4-l { box-shadow: 2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  40.   .shadow-5-l { box-shadow: 4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ); }

  41. }