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)

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

Sites map