Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

_border-widths.css 1.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /*
  2. BORDER WIDTHS
  3. Docs: http://tachyons.io/docs/themes/borders/
  4. Base:
  5. bw = border-width
  6. Modifiers:
  7. 0 = 0 width border
  8. 1 = 1st step in border-width scale
  9. 2 = 2nd step in border-width scale
  10. 3 = 3rd step in border-width scale
  11. 4 = 4th step in border-width scale
  12. 5 = 5th step in border-width scale
  13. Media Query Extensions:
  14. -ns = not-small
  15. -m = medium
  16. -l = large
  17. */
  18. .bw0 { border-width: 0; }
  19. .bw1 { border-width: .125rem; }
  20. .bw2 { border-width: .25rem; }
  21. .bw3 { border-width: .5rem; }
  22. .bw4 { border-width: 1rem; }
  23. .bw5 { border-width: 2rem; }
  24. /* Resets */
  25. .bt-0 { border-top-width: 0; }
  26. .br-0 { border-right-width: 0; }
  27. .bb-0 { border-bottom-width: 0; }
  28. .bl-0 { border-left-width: 0; }
  29. @media (--breakpoint-not-small) {
  30. .bw0-ns { border-width: 0; }
  31. .bw1-ns { border-width: .125rem; }
  32. .bw2-ns { border-width: .25rem; }
  33. .bw3-ns { border-width: .5rem; }
  34. .bw4-ns { border-width: 1rem; }
  35. .bw5-ns { border-width: 2rem; }
  36. .bt-0-ns { border-top-width: 0; }
  37. .br-0-ns { border-right-width: 0; }
  38. .bb-0-ns { border-bottom-width: 0; }
  39. .bl-0-ns { border-left-width: 0; }
  40. }
  41. @media (--breakpoint-medium) {
  42. .bw0-m { border-width: 0; }
  43. .bw1-m { border-width: .125rem; }
  44. .bw2-m { border-width: .25rem; }
  45. .bw3-m { border-width: .5rem; }
  46. .bw4-m { border-width: 1rem; }
  47. .bw5-m { border-width: 2rem; }
  48. .bt-0-m { border-top-width: 0; }
  49. .br-0-m { border-right-width: 0; }
  50. .bb-0-m { border-bottom-width: 0; }
  51. .bl-0-m { border-left-width: 0; }
  52. }
  53. @media (--breakpoint-large) {
  54. .bw0-l { border-width: 0; }
  55. .bw1-l { border-width: .125rem; }
  56. .bw2-l { border-width: .25rem; }
  57. .bw3-l { border-width: .5rem; }
  58. .bw4-l { border-width: 1rem; }
  59. .bw5-l { border-width: 2rem; }
  60. .bt-0-l { border-top-width: 0; }
  61. .br-0-l { border-right-width: 0; }
  62. .bb-0-l { border-bottom-width: 0; }
  63. .bl-0-l { border-left-width: 0; }
  64. }