33
33
class ="f6 b dim link black-50 mr1 mr3-m mr4-l dib ">
34
34
Docs
35
35
</ a >
36
+ < a title ="Components " href ="/components/ "
37
+ class ="f6 b dim link black-50 mr1 mr3-m mr4-l dib ">
38
+ Components
39
+ </ a >
36
40
< a title ="Tachyons on GitHub " href ="http://github.com/mrmrs/tachyons/ "
37
41
class ="f6 b dim link black-50 mr1 mr3-m mr4-l dib ">
38
42
GitHub
@@ -131,15 +135,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
131
135
br = border-radius
132
136
133
137
Modifiers:
134
- n = none
138
+ 0 = 0/ none
135
139
1 = 1st step in scale
136
140
2 = 2nd step in scale
137
141
3 = 3rd step in scale
138
142
4 = 4th step in scale
139
- 5 = 5th step in scale
140
- circ = circle
141
143
-100 = 100%
142
144
145
+
143
146
Media Query Extensions:
144
147
-ns = not-small
145
148
-m = medium
@@ -153,6 +156,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
153
156
.br3 { border-radius: .5rem; }
154
157
.br4 { border-radius: 1rem; }
155
158
.br-100 { border-radius: 100%; }
159
+ .br--bottom {
160
+ border-top-left-radius: 0;
161
+ border-top-right-radius: 0;
162
+ }
163
+ .br--top {
164
+ border-bottom-left-radius: 0;
165
+ border-bottom-right-radius: 0;
166
+ }
156
167
157
168
@media (--breakpoint-not-small) {
158
169
.br0-ns { border-radius: 0; }
@@ -161,6 +172,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
161
172
.br3-ns { border-radius: .5rem; }
162
173
.br4-ns { border-radius: 1rem; }
163
174
.br-100-ns { border-radius: 100%; }
175
+ .br--bottom-ns {
176
+ border-top-left-radius: 0;
177
+ border-top-right-radius: 0;
178
+ }
179
+ .br--top-ns {
180
+ border-bottom-left-radius: 0;
181
+ border-bottom-right-radius: 0;
182
+ }
164
183
}
165
184
166
185
@media (--breakpoint-medium) {
@@ -170,6 +189,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
170
189
.br3-m { border-radius: .5rem; }
171
190
.br4-m { border-radius: 1rem; }
172
191
.br-100-m { border-radius: 100%; }
192
+ .br--bottom-m {
193
+ border-top-left-radius: 0;
194
+ border-top-right-radius: 0;
195
+ }
196
+ .br--top-m {
197
+ border-bottom-left-radius: 0;
198
+ border-bottom-right-radius: 0;
199
+ }
173
200
}
174
201
175
202
@media (--breakpoint-large) {
@@ -179,6 +206,14 @@ <h1 class="f4 ttu tracked fw6">Reference</h1>
179
206
.br3-l { border-radius: .5rem; }
180
207
.br4-l { border-radius: 1rem; }
181
208
.br-100-l { border-radius: 100%; }
209
+ .br--bottom-l {
210
+ border-radius-top-left: 0;
211
+ border-radius-top-right: 0;
212
+ }
213
+ .br--top-l {
214
+ border-bottom-left-radius: 0;
215
+ border-bottom-right-radius: 0;
216
+ }
182
217
}
183
218
184
219
</ code >
0 commit comments