Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: f272eab5be
Branches Tags
pfhwyigou
/
vendor
/
bower-asset
/
bootstrap
/
docs
/
assets
/
less
/
responsive-tests.less

responsive-tests.less 1.6 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 
  1. // stylelint-disable selector-no-qualifying-type, declaration-no-important
    2. 

  2. 

  3. // Responsive (scrollable) doc tables
    4. 

  4. .table-responsive .highlight pre {
    5. 

  5.   white-space: normal;
    6. 

  6. }
    7. 

  7. 

  8. // Utility classes table
    9. 

  9. .bs-table th small,
    10. 

  10. .responsive-utilities th small {
    11. 

  11.   display: block;
    12. 

  12.   font-weight: 400;
    13. 

  13.   color: #999;
    14. 

  14. }
    15. 

  15. .responsive-utilities tbody th {
    16. 

  16.   font-weight: 400;
    17. 

  17. }
    18. 

  18. .responsive-utilities td {
    19. 

  19.   text-align: center;
    20. 

  20. }
    21. 

  21. .responsive-utilities td.is-visible {
    22. 

  22.   color: #468847;
    23. 

  23.   background-color: #dff0d8 !important;
    24. 

  24. }
    25. 

  25. .responsive-utilities td.is-hidden {
    26. 

  26.   color: #ccc;
    27. 

  27.   background-color: #f9f9f9 !important;
    28. 

  28. }
    29. 

  29. 

  30. // Responsive tests
    31. 

  31. .responsive-utilities-test {
    32. 

  32.   margin-top: 5px;
    33. 

  33. }
    34. 

  34. .responsive-utilities-test .col-xs-6 {
    35. 

  35.   margin-bottom: 10px;
    36. 

  36. }
    37. 

  37. .responsive-utilities-test span {
    38. 

  38.   display: block;
    39. 

  39.   padding: 15px 10px;
    40. 

  40.   font-size: 14px;
    41. 

  41.   font-weight: 700;
    42. 

  42.   line-height: 1.1;
    43. 

  43.   text-align: center;
    44. 

  44.   border-radius: 4px;
    45. 

  45. }
    46. 

  46. .visible-on .col-xs-6 .hidden-xs,
    47. 

  47. .visible-on .col-xs-6 .hidden-sm,
    48. 

  48. .visible-on .col-xs-6 .hidden-md,
    49. 

  49. .visible-on .col-xs-6 .hidden-lg,
    50. 

  50. .hidden-on .col-xs-6 .hidden-xs,
    51. 

  51. .hidden-on .col-xs-6 .hidden-sm,
    52. 

  52. .hidden-on .col-xs-6 .hidden-md,
    53. 

  53. .hidden-on .col-xs-6 .hidden-lg {
    54. 

  54.   color: #999;
    55. 

  55.   border: 1px solid #ddd;
    56. 

  56. }
    57. 

  57. .visible-on .col-xs-6 .visible-xs-block,
    58. 

  58. .visible-on .col-xs-6 .visible-sm-block,
    59. 

  59. .visible-on .col-xs-6 .visible-md-block,
    60. 

  60. .visible-on .col-xs-6 .visible-lg-block,
    61. 

  61. .hidden-on .col-xs-6 .visible-xs-block,
    62. 

  62. .hidden-on .col-xs-6 .visible-sm-block,
    63. 

  63. .hidden-on .col-xs-6 .visible-md-block,
    64. 

  64. .hidden-on .col-xs-6 .visible-lg-block {
    65. 

  65.   color: #468847;
    66. 

  66.   background-color: #dff0d8;
    67. 

  67.   border: 1px solid #d6e9c6;
    68. 

  68. }
    69. 

  69.