Last active
August 9, 2022 10:26
-
-
Save mbfakourii/e2b7da7e90af757791e1055ced0b0548 to your computer and use it in GitHub Desktop.
BorderRadius Base on Material Design 3
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import 'package:flutter/material.dart'; | |
// Base on https://m3.material.io/styles/shape/shape-scale-tokens | |
class BorderRadiusM3 { | |
static BorderRadius none = BorderRadius.circular(0); | |
static BorderRadius extraSmall = BorderRadius.circular(4); | |
static BorderRadius extraSmallTop = const BorderRadius.only( | |
bottomLeft: Radius.circular(0), | |
bottomRight: Radius.circular(0), | |
topLeft: Radius.circular(4), | |
topRight: Radius.circular(4), | |
); | |
static BorderRadius small = BorderRadius.circular(8); | |
static BorderRadius medium = BorderRadius.circular(12); | |
static BorderRadius large = BorderRadius.circular(16); | |
static BorderRadius largeEnd = const BorderRadius.only( | |
bottomLeft: Radius.circular(0), | |
bottomRight: Radius.circular(16), | |
topLeft: Radius.circular(0), | |
topRight: Radius.circular(16), | |
); | |
static BorderRadius largeTop = const BorderRadius.only( | |
bottomLeft: Radius.circular(0), | |
bottomRight: Radius.circular(0), | |
topLeft: Radius.circular(16), | |
topRight: Radius.circular(16), | |
); | |
static BorderRadius extraLarge = BorderRadius.circular(28); | |
static BorderRadius extraLargeTop = const BorderRadius.only( | |
bottomLeft: Radius.circular(0), | |
bottomRight: Radius.circular(0), | |
topLeft: Radius.circular(28), | |
topRight: Radius.circular(28), | |
); | |
static BorderRadius full = BorderRadius.circular(30); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment