bootstrap-example.less 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .example {
  2. position: relative;
  3. padding: 45px 15px 15px;
  4. margin: 0 -15px 15px;
  5. background-color: #fafafa;
  6. box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
  7. border-color: #e5e5e5 #eee #eee;
  8. border-style: solid;
  9. border-width: 1px 0;
  10. }
  11. .example:after {
  12. content: "Example";
  13. position: absolute;
  14. top: 15px;
  15. left: 15px;
  16. font-size: 12px;
  17. font-weight: bold;
  18. color: #bbb;
  19. text-transform: uppercase;
  20. letter-spacing: 1px;
  21. }
  22. .example + .highlight {
  23. margin: -15px -15px 15px;
  24. border-radius: 0;
  25. border-width: 0 0 1px;
  26. }
  27. @media (min-width: 768px) {
  28. .example {
  29. margin-left: 0;
  30. margin-right: 0;
  31. background-color: #fff;
  32. border-width: 1px;
  33. border-color: #ddd;
  34. border-radius: 4px 4px 0 0;
  35. box-shadow: none;
  36. }
  37. .example + .highlight {
  38. margin-top: -16px;
  39. margin-left: 0;
  40. margin-right: 0;
  41. border-width: 1px;
  42. border-bottom-left-radius: 4px;
  43. border-bottom-right-radius: 4px;
  44. }
  45. }
  46. .example > .btn,
  47. .example > .btn-group {
  48. margin-top: 5px;
  49. margin-bottom: 5px;
  50. }