Радиус границы / Темы / Документы / ТАХИОНЫ
Радиус границы
В дополнение к утилите существует четырехступенчатая шкала для радиуса границы. который устанавливает радиус границы на 100%, что в сочетании с явным высота и ширина создадут круг.
тахионы-граница-радиус
v5.1.3 336 Б- Декларации
- 56
- Селекторы
- 52
- Макс. Оценка специфичности
- 10
- Размер Ср. Правило
- 1.1666666666666667
/*
РАДИУС ГРАНИЦЫ
Документы: http://tachyons.io/docs/themes/border-radius/
База:
br = радиус границы
Модификаторы:
0 = 0/нет
1 = 1-й шаг шкалы
2 = 2-й шаг шкалы
3 = 3-й шаг шкалы
4 = 4-й шаг шкалы
Буквенные значения:
-100 = 100%
-таблетка = 9999 пикселей
Расширения медиазапроса:
-ns = не маленький
-м = средний
-л = большой
*/
.
br0 {граница-радиус: 0; }
.br1 {граница-радиус: .125rem; }
.br2 {граница-радиус: .25rem; }
.br3 {граница-радиус: .5rem; }
.br4 {граница-радиус: 1rem; }
.br-100 {граница-радиус: 100%; }
.br-таблетка {граница-радиус: 9999px; }
.br--нижний {
граница-верхний-левый-радиус: 0;
граница-верхний-правый-радиус: 0;
}
.br--верхний {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br -- право {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--левый {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
@media (--точка останова-не-маленький) {
.br0-ns {граница-радиус: 0; }
.br1-ns {граница-радиус: .125rem; }
.br2-ns {граница-радиус: .25rem; }
.br3-ns {граница-радиус: .5rem; }
.br4-ns {граница-радиус: 1rem; }
.br-100-ns { радиус границы: 100%; }
.br-таблетка-нс {граница-радиус: 9999 пикселей; }
.br--bottom-ns {
граница-верхний-левый-радиус: 0;
граница-верхний-правый-радиус: 0;
}
. br--top-ns {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br--право-нс {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--left-ns {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
}
@media (--точка останова-среда) {
.br0-m {граница-радиус: 0; }
.br1-m {граница-радиус: .125rem; }
.br2-m {граница-радиус: .25rem; }
.br3-m {граница-радиус: .5rem; }
.br4-m {граница-радиус: 1rem; }
.br-100-м {граница-радиус: 100%; }
.br-таблетка-м {граница-радиус: 9999 пикселей; }
.br--нижний-м {
граница-верхний-левый-радиус: 0;
граница-верхний-правый-радиус: 0;
}
.br--топ-м {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br--право-м {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--левый-м {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
}
@media (--breakpoint-large) {
. br0-l {граница-радиус: 0; }
.br1-l {граница-радиус: .125rem; }
.br2-l {граница-радиус: .25rem; }
.br3-l {граница-радиус: .5rem; }
.br4-l {граница-радиус: 1rem; }
.br-100-l {граница-радиус: 100%; }
.br-таблетка-l {граница-радиус: 9999 пикселей; }
.br--bottom-l {
граница-верхний-левый-радиус: 0;
граница-верхний-правый-радиус: 0;
}
.br--верх-л {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br--право-л {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--левый-л {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
}
br--top-ns {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br--право-нс {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--left-ns {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
}
@media (--точка останова-среда) {
.br0-m {граница-радиус: 0; }
.br1-m {граница-радиус: .125rem; }
.br2-m {граница-радиус: .25rem; }
.br3-m {граница-радиус: .5rem; }
.br4-m {граница-радиус: 1rem; }
.br-100-м {граница-радиус: 100%; }
.br-таблетка-м {граница-радиус: 9999 пикселей; }
.br--нижний-м {
граница-верхний-левый-радиус: 0;
граница-верхний-правый-радиус: 0;
}
.br--топ-м {
граница-нижний-левый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
.br--право-м {
граница-верхний-левый-радиус: 0;
граница-нижний-левый-радиус: 0;
}
.br--левый-м {
граница-верхний-правый-радиус: 0;
граница-нижний-правый-радиус: 0;
}
}
@media (--breakpoint-large) {
.
Могу ли я отправить электронное письмо… border-radius
Могу ли я отправить электронное письмо… border-radiusGmail
Настольная веб-почта
2019-08
iOS
2019-08
Андроид
2019-08
Мобильная веб-почта
2020-02
Перспектива
Окна
2003 г.
1
2007 г.
1
2010
1
2013
1
2016
1
2019
1
Почта Windows
2020-01
1
macOS
2011
2016
Outlook.com
iOS
2019-08
Андроид
2019-08
Яху! Почта
Настольная веб-почта
2021-02
2
iOS
2021-03
2
Андроид
6.18.2.1529859
2
АОЛ
Настольная веб-почта
2021-02
2
iOS
2021-03
2
Андроид
2021-03
2
Мозилла Тандерберд
ПротонПочта
Настольная веб-почта
2020-03
iOS
2020-03
Андроид
2020-03
Быстрая почта
Настольная веб-почта
2021-07
ПРИВЕТ
Настольная веб-почта
2020-06
Апельсин
Настольная веб-почта
2019-08
2021-03
iOS
2019-08
Андроид
2019-08
LaPoste.
