Mercurial > libervia-templates

comparison default/static/chat_select.css @ 128:4f27ce980ced

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css: started to refactor CSS class to follow BEM conventions
author Goffi <goffi@goffi.org>
date Sat, 24 Mar 2018 11:14:14 +0100
parents 92ca411ee635
children
comparison
equal deleted inserted replaced
127:27d6453a6209 128:4f27ce980ced
1 #main_area { 1 #main_area {
2 overflow: auto; 2 overflow: auto;
3 }
4
5 .instructions {
6 text-align: center;
7 font-style: italic;
8 } 3 }
9 4
10 .rooms_list { 5 .rooms_list {
11 list-style: none; 6 list-style: none;
12 display: grid; 7 display: grid;
31 26
32 .rooms_list li:hover { 27 .rooms_list li:hover {
33 background-color: #efefef; 28 background-color: #efefef;
34 } 29 }
35 30
36 #jid {
37 margin: 0 1em;
38 width: 15em;
39 border-radius: 0.7em;
40 outline: none;
41 border: 1px solid black;
42 padding: 0.4em;
43 box-shadow: none;
44 }
45
46 .room_jid_form {
47 text-align: center;
48 }
49
50 @media (min-width: 600px) { 31 @media (min-width: 600px) {
51 .instructions {
52 padding-top: 3rem;
53 }
54 .rooms_list { 32 .rooms_list {
55 grid-template-columns: 1fr 1fr 1fr; 33 grid-template-columns: 1fr 1fr 1fr;
56 } 34 }
57 35
58 .rooms_list li { 36 .rooms_list li {
59 margin-top: 0; 37 margin-top: 0;
60 } 38 }
61
62 .room_jid_form .form_submit.button {
63 display: inline;
64 }
65 } 39 }