Dotclear

source: admin/style/scss/partials/_entry.scss @ 3763:857d4768935c

Revision 3763:857d4768935c, 1.1 KB checked in by franck <carnet.franck.paul@…>, 7 years ago (diff)

Use sass variables for every color used (mainly foreground, background, border)

Line 
1#entry-form {
2     display: flex;
3     flex-wrap: wrap;
4}
5
6#entry-wrapper {
7     flex-grow: 1;
8     width: calc(100% - 19em);
9     @media screen and (max-width: $xl-screen) {
10          width: 100%;
11     }
12}
13
14#entry-content {
15     margin-left: 0;
16     @media screen and (min-width: $xl-screen + 0.01em ) {
17          // Large padding on big screens
18          padding-right: 3em;
19     }
20     @media screen and (max-width: $xs-screen) {
21          // Small padding on medium screens
22          padding-right: 1em;
23     }
24     @media screen and (max-width: $xxs-screen) {
25          // No padding on small screens
26          padding-right: 0;
27     }
28}
29
30#entry-sidebar {
31     display: flex;
32     flex-wrap: wrap;
33     flex-direction: column;
34     @media screen and (max-width: $xl-screen) {
35          flex-direction: row;
36     }
37     @media screen and (max-width: $xs-screen) {
38          padding-right: 1em;
39     }
40
41     h4 {
42          font-size: 1.08em;
43          margin-top: .3em;
44          border-bottom: 1px solid $entry-sb-title-border;
45     }
46     select {
47          width: 100%;
48     }
49     input#post_position {
50          width: 4em;
51     }
52}
53
54.sb-box {
55     width: 18em;
56     margin-bottom: 1em;
57     margin-right: 1em;
58     padding: .5em 1em;
59     background-color: $entry-sb-background;
60     &:focus-within {
61          background-color: $entry-sb-focus-background;
62     }
63}
64
65#tb_excerpt {
66     width: 100%;
67}
Note: See TracBrowser for help on using the repository browser.

Sites map