Inicio Explorar Ayuda
Iniciar sesión
kevin
/
Popsu-coloque
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: c11935cb48
Ramas Etiquetas
Popsu-coloque
/
web
/
core
/
themes
/
claro
/
css
/
layout
/
system-admin--layout.css

system-admin--layout.css 2.0 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 
  1. /*
    2. 

  2.  * DO NOT EDIT THIS FILE.
    3. 

  3.  * See the following change record for more information,
    4. 

  4.  * https://www.drupal.org/node/2815083
    5. 

  5.  * @preserve
    6. 

  6.  */
    7. 

  7. 

  8. /**
    9. 

  9.  * @file
    10. 

  10.  * Replacement 'Reusable layout' component styles of system/admin library.
    11. 

  11.  */
    12. 

  12. 

  13. .layout-container {
    14. 

  14.   margin-right: 1em;
    15. 

  15.   margin-left: 1em;
    16. 

  16. }
    17. 

  17. 

  18. .layout-container::after {
    19. 

  19.   display: table;
    20. 

  20.   clear: both;
    21. 

  21.   content: "";
    22. 

  22. }
    23. 

  23. 

  24. @media screen and (min-width: 38em) {
    25. 

  25.   .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
    26. 

  26.   body:not(.toolbar-tray-open) .layout-container {
    27. 

  27.     margin-right: 3em;
    28. 

  28.     margin-left: 3em;
    29. 

  29.   }
    30. 

  30.   .toolbar-tray-open:not(.toolbar-vertical) .layout-row,
    31. 

  31.   body:not(.toolbar-tray-open) .layout-row {
    32. 

  32.     margin-right: -1.5em;
    33. 

  33.     margin-left: -1.5em;
    34. 

  34.   }
    35. 

  35.   .toolbar-tray-open:not(.toolbar-vertical) .layout-column,
    36. 

  36.   body:not(.toolbar-tray-open) .layout-column {
    37. 

  37.     float: left;  /* LTR */
    38. 

  38.     box-sizing: border-box;
    39. 

  39.     padding-right: 1.5em;
    40. 

  40.     padding-left: 1.5em;
    41. 

  41.   }
    42. 

  42.   [dir="rtl"] .toolbar-tray-open:not(.toolbar-vertical) .layout-column,
    43. 

  43.   [dir="rtl"] body:not(.toolbar-tray-open) .layout-column {
    44. 

  44.     float: right;
    45. 

  45.   }
    46. 

  46.   .toolbar-tray-open:not(.toolbar-vertical) .layout-column--half,
    47. 

  47.   body:not(.toolbar-tray-open) .layout-column--half {
    48. 

  48.     width: 50%;
    49. 

  49.   }
    50. 

  50.   .toolbar-tray-open:not(.toolbar-vertical) .layout-column--quarter,
    51. 

  51.   body:not(.toolbar-tray-open) .layout-column--quarter {
    52. 

  52.     width: 25%;
    53. 

  53.   }
    54. 

  54.   .toolbar-tray-open:not(.toolbar-vertical) .layout-column--three-quarter,
    55. 

  55.   body:not(.toolbar-tray-open) .layout-column--three-quarter {
    56. 

  56.     width: 75%;
    57. 

  57.   }
    58. 

  58. }
    59. 

  59. 

  60. @media screen and (min-width: 60em) {
    61. 

  61.   .layout-container {
    62. 

  62.     margin-right: 3em;
    63. 

  63.     margin-left: 3em;
    64. 

  64.   }
    65. 

  65.   .layout-row {
    66. 

  66.     margin-right: -1.5em;
    67. 

  67.     margin-left: -1.5em;
    68. 

  68.   }
    69. 

  69.   .layout-column {
    70. 

  70.     float: left;  /* LTR */
    71. 

  71.     box-sizing: border-box;
    72. 

  72.     padding-right: 1.5em;
    73. 

  73.     padding-left: 1.5em;
    74. 

  74.   }
    75. 

  75.   [dir="rtl"] .layout-column {
    76. 

  76.     float: right;
    77. 

  77.   }
    78. 

  78.   .layout-column--half {
    79. 

  79.     width: 50%;
    80. 

  80.   }
    81. 

  81.   .layout-column--quarter {
    82. 

  82.     width: 25%;
    83. 

  83.   }
    84. 

  84.   .layout-column--three-quarter {
    85. 

  85.     width: 75%;
    86. 

  86.   }
    87. 

  87. }
    88.