git ssb

16+

Dominic / patchbay



Commit cdd29b4f3b975fc5d52747af2ee7173ae1bf0958

Browse Files

update to new micro-css mixins leader _

mix irving committed on 2/10/2017, 9:29:35 AM
Parent: 781a2bdfaf60b9dd6a8f96e73a33a4170c6f8a7c

Files changed

modules_basic/avatar/edit.mcsschanged
modules_basic/avatar/profile.mcsschanged
modules_basic/compose.mcsschanged
modules_basic/follow.mcsschanged
modules_basic/message/author.mcsschanged
modules_basic/message/backlinks.mcsschanged
modules_basic/message/render.mcsschanged
modules_basic/timestamp.mcsschanged
modules_core/style/mixins.jschanged
modules_extra/network.mcsschanged
style.csschanged
modules_basic/avatar/edit.mcssView
@@ -6,8 +6,9 @@
66 … margin-bottom: 2rem
77 …
88 … section.lightbox {
99 … position: absolute
10 …+ z-index: 40
1011 … }
1112 …
1213 … section.avatar {
1314 … margin-right: 1rem
@@ -49,9 +50,9 @@
4950 … header {
5051 … flex-basis: 100%
5152 …
5253 … font-size: .9rem
53- $textSubtle
54 …+ _textSubtle
5455 …
5556 … margin-bottom: .2rem
5657 … }
5758 …
@@ -60,9 +61,9 @@
6061 … }
6162 …
6263 … section.avatars {
6364 … img {
64- $avatar-large
65 …+ _avatar-large
6566 … margin: 0 .15rem 0.2rem 0
6667 …
6768 … cursor: pointer
6869 … }
@@ -70,9 +71,9 @@
7071 … div.file-upload {
7172 … position: relative
7273 …
7374 … input[type="file"] {
74- $avatar-large
75 …+ _avatar-large
7576 … color: transparent
7677 …
7778 … ::-webkit-file-upload-button {
7879 … visibility: hidden
@@ -151,9 +152,9 @@
151152 … }
152153 …
153154 … button.confirm {
154155 … color: #fff
155- $backgroundPrimary
156 …+ _backgroundPrimary
156157 … border: none
157158 … }
158159 … }
159160 … }
modules_basic/avatar/profile.mcssView
@@ -21,18 +21,18 @@
2121 …
2222 … header {
2323 … flex-basis: 100%
2424 …
25- $textSubtle
25 …+ _textSubtle
2626 … font-size: .9rem
2727 …
2828 … margin-bottom: .2rem
2929 … }
3030 …
3131 … section a {
3232 … margin-right: .2rem
3333 …
34- img { $avatar-small }
34 …+ img { _avatar-small }
3535 … }
3636 … }
3737 …
3838 … div.your-status {
@@ -45,9 +45,9 @@
4545 … section a {
4646 … margin: 0 .2rem 0.2rem 0
4747 …
4848 … img {
49- $avatar-large
49 …+ _avatar-large
5050 … }
5151 … }
5252 … }
5353 …
@@ -58,14 +58,14 @@
5858 … }
5959 … }
6060 … }
6161 …
62-$avatar-large {
62 …+_avatar-large {
6363 … width: 56px
6464 … height: 56px
6565 … }
6666 …
67-$avatar-small {
67 …+_avatar-small {
6868 … width: 32px
6969 … height: 32px
7070 … }
7171 …
modules_basic/compose.mcssView
@@ -46,9 +46,9 @@
4646 … visibility: hidden
4747 … }
4848 …
4949 … ::before {
50- $composeButton
50 …+ _composeButton
5151 … padding-top: .3rem
5252 …
5353 … content: '📎'
5454 … font-size: 1rem
@@ -64,9 +64,9 @@
6464 … }
6565 … }
6666 …
6767 … button {
68- $composeButton
68 …+ _composeButton
6969 …
7070 … text-transform: uppercase
7171 … font-weight: bold
7272 … font-size: .7rem
@@ -104,9 +104,9 @@
104104 … }
105105 …
106106 … }
107107 …
108-$composeButton {
108 …+_composeButton {
109109 … background: #fff
110110 … color: #666
111111 … border: 1px solid #bbb
112112 … border-radius: .5rem
modules_basic/follow.mcssView
@@ -4,8 +4,8 @@
44 … margin: 0 .5rem 0 0
55 … }
66 …
77 … label {
8- $textSubtle
8 …+ _textSubtle
99 … }
1010 … }
1111 …
modules_basic/message/author.mcssView
@@ -8,9 +8,9 @@
88 … }
99 …
1010 … -name {
1111 … max-width: 7rem
12- a { $textPrimary }
12 …+ a { _textPrimary }
1313 … }
1414 …
1515 … -timestamp {
1616 …
modules_basic/message/backlinks.mcssView
@@ -2,18 +2,18 @@
22 … font-size: .9rem
33 … margin-top: .5rem
44 …
55 … header {
6- $textSubtle
6 …+ _textSubtle
77 … }
88 …
99 … ul {
1010 … padding-left: 1rem
1111 …
1212 … li {
1313 … a {
1414 … -backlink {
15- $textSubtle
15 …+ _textSubtle
1616 …
1717 … }
1818 … }
1919 … }
modules_basic/message/render.mcssView
@@ -25,9 +25,9 @@
2525 … margin-left: .4rem
2626 … }
2727 …
2828 … a {
29- $textSubtle
29 …+ _textSubtle
3030 … }
3131 …
3232 … /* this is for private message_meta, TODO find a better home */
3333 … (img) {
modules_basic/timestamp.mcssView
@@ -1,7 +1,7 @@
11 … Timestamp {
22 … a {
3- $textSubtle
3 …+ _textSubtle
44 … font-size: .8rem
55 … }
66 … }
77 …
modules_core/style/mixins.jsView
@@ -1,15 +1,15 @@
11 …
22 … const mixins = `
3- $textPrimary {
3 …+ _textPrimary {
44 … color: #222
55 … }
66 …
7- $textSubtle {
7 …+ _textSubtle {
88 … color: gray
99 … }
1010 …
11- $backgroundPrimary {
11 …+ _backgroundPrimary {
1212 … background-color: #50aadf
1313 … }
1414 … `
1515 …
modules_extra/network.mcssView
@@ -32,9 +32,9 @@
3232 … left: 0
3333 … top: 3.5rem
3434 …
3535 … font-size: .8rem
36- $textSubtle
36 …+ _textSubtle
3737 … }
3838 …
3939 … section.name {
4040 … flex-basis: 100%
@@ -45,9 +45,9 @@
4545 … section.type {
4646 … flex-basis: 100%
4747 …
4848 … font-size: .8rem
49- $textSubtle
49 …+ _textSubtle
5050 … }
5151 …
5252 … section.source {
5353 … flex-basis: 100%
@@ -93,9 +93,9 @@
9393 … flex-basis: 100%
9494 … display: flex
9595 …
9696 … font-size: .8rem
97- $textSubtle
97 …+ _textSubtle
9898 …
9999 … div.rtt {
100100 … flex-basis: 8rem
101101 … label { margin-right: .5rem }
@@ -110,8 +110,8 @@
110110 … section.address{
111111 … flex-basis: 100%
112112 …
113113 … font-size: .8rem
114- $textSubtle
114 …+ _textSubtle
115115 … }
116116 … }
117117 …
style.cssView
@@ -179,15 +179,15 @@
179179 … }
180180 …
181181 … /* lightbox - used in message-confirm */
182182 …
183-.lightbox {
183 …+div.lightbox {
184184 … position: fixed;
185185 … left: 0px;
186186 … right: 0px;
187187 … top: 50px;
188188 … overflow: auto;
189- width: 650px;
189 …+ width: 600px;
190190 … max-width: 100%;
191191 … padding: 25px;
192192 … margin: auto;
193193 …

Built with git-ssb-web