source: spip-zone/_galaxie_/trad.spip.net/trunk/theme/css/_content.scss @ 119907

Last change on this file since 119907 was 119907, checked in by cedric@…, 2 years ago

on nettoie, on sable, on reorganise

File size: 3.7 KB
Line 
1#top {
2  margin-bottom: 2 * $rem-vert-margin;
3  .logo-article {
4    text-align:right;
5    max-width: 128px;
6    margin-left:auto;
7    .spip_logo {
8      max-width:100%;
9      min-width:64px;
10      margin-bottom: 0.25rem; // alignement avec le descriptif
11    }
12    margin-top:$rem-vert-margin;
13  }
14
15  .cartouche {
16    margin-top:$rem-vert-margin;
17    &>:last-child {
18      margin-bottom:0;
19    }
20
21    .titre-categorie {
22      font-weight:normal;
23      margin-bottom:0.5 * $rem-vert-margin;
24    }
25    h1.titre-categorie {
26      margin-bottom:$rem-vert-margin;
27    }
28    h1,.titre-article,.titre-sommaire {
29      font-size:$h1-font-size / 0.7;
30      @include media-breakpoint-down(xs) {
31        .badge {
32          white-space: unset;
33          text-align: left;
34        }
35      }
36    }
37  }
38}
39
40#content {
41  .texte {
42    h2 {
43      display:none;
44    }
45  }
46  margin-bottom: 2 * $rem-vert-margin;
47  .compatibilite {
48    .item {
49      padding:0.25rem 0;
50      &:first-child {
51        border-top:0;
52      }
53      &:before {
54        content:'\2713';
55        display:inline;
56        margin-right:$grid-gutter-width / 2;
57        @media (max-width: 399px) {
58          margin-right:3px;
59        }
60        color:$success;
61        font-weight:bold;
62      }
63      &.item-not-ok:before {
64        content:'\2718';
65        color:$danger;
66      }
67    }
68  }
69
70  .card-paquet {
71    margin-bottom: $rem-vert-margin;
72    .card-header {
73      .card-title {
74        margin-bottom:0;
75      }
76    }
77    .card-body {
78      .paquet-date {
79        color:$text-muted;
80        margin-bottom:0;
81      }
82      .compatibilite {
83        .liste-items {
84          margin:0;
85        }
86      }
87      .btn-show-descriptif {
88        &.open {
89          .cloded-title {display:none !important;}
90          .opened-title {display:inline !important;}
91        }
92      }
93      .descriptif {
94        margin-top:$rem-vert-margin;
95        .texte {
96          border-bottom:1px solid $gray-200;
97          margin-bottom:$rem-vert-margin;
98        }
99      }
100    }
101
102    .badge-state {
103      @include badge-variant($danger);
104    }
105    .btn-state {
106      @include button-variant($danger,$danger);
107    }
108    &.card-paquet {
109      border-color: $danger;
110      background-color:$gray-100;
111    }
112
113    .badge-state-test {
114      @include badge-variant($warning);
115    }
116    .btn-state-test {
117      @include button-variant($warning,$warning);
118    }
119    &.card-paquet-test {
120      border-color: $warning;
121    }
122    .badge-state-stable {
123      @include badge-variant($success);
124    }
125    .btn-state-stable {
126      @include button-variant($success,$success);
127    }
128    &.card-paquet-stable {
129      border-color: $success;
130      background-color:$white;
131    }
132    &.card-paquet-deprecated {
133      border-color:$gray-200;
134      background-color:$gray-200;
135      opacity:0.8;
136      .btn {
137        @include button-variant($gray-400,$gray-400);
138      }
139    }
140  }
141
142  .dl-descriptif-infos-plugins {
143    padding-left:33%;
144    dt {
145      width:50%;
146      margin-left:-50%;
147      float:left;
148      padding-left:0;
149      padding-right: $grid-gutter-width / 2;
150      margin-bottom:$rem-vert-margin / 4;
151      text-align:right;
152    }
153    dd {
154      padding-left: $grid-gutter-width / 2;
155      margin-bottom:$rem-vert-margin / 4
156    }
157    &+.dl-descriptif-infos-plugins {
158      margin-top:-$rem-vert-margin / 2;
159    }
160  }
161
162}
163
164.index {
165  background: $gray-100;
166  padding:$padding-y $padding-x;
167  .lettres {
168    .index-link {
169      display:block;
170      flex-grow:1;
171      flex-basis: 4%;
172      text-align:center;
173    }
174  }
175}
176.liste-prefixes, .liste-archives {
177  font-size: $font-size-sm;
178  caption {
179    caption-side:top;
180    width:100%;
181    text-align:center;
182  }
183  tr {
184    td, th {
185      padding:0.25rem $padding-x;
186    }
187  }
188}
Note: See TracBrowser for help on using the repository browser.