@charset "UTF-8";
@import '../theme/mixins';


// Navigation bar radius
//$nav-bar-radius: 0;
$nav-bar-radius: 8px;
//$nav-bar-radius: 28px;  // full radius


// Search bar radius
//$search-bar-radius: 0;
$search-bar-radius: 8px;
//$search-bar-radius: 21px;  // full rounded


// Bar radius settings
$bar-radius: 0;
//$bar-radius: 8px;


// Button radius settings
//$button-radius: 0;
$button-radius: 8px;


// Card radius settings
//$card-radius: 0;
$card-radius: 8px;


// Dialog radius settings
//$dialog-radius: 0;
$dialog-radius: 8px;


// Menu radius settings
//$menu-radius: 0;
$menu-radius: 8px;


// Table radius settings
//$table-radius: 0;
//$table-radius: 2px;
$table-radius: 8px;


// Media radius settings
$media-radius: 0;
//$media-radius: 2px;
//$media-radius: 8px;


// Navigation drawer item settings
//$nav-drawer-item-radius: 0; // rectangle
$nav-drawer-item-radius: 8px;  // corner rounded
//$nav-drawer-item-radius: 32px;  // full rounded
//$nav-drawer-item-radius: 32px 0 0 32px;  // left rounded


// Avatar cropping settings
$avatar-radius: 50%;  // Rounded cropping
//$avatar-radius: $card-radius;  // Fit to card radius
//$avatar-radius: 0;  // without cropping
//$avatar-radius: 2px;  // Material v1 square
//$avatar-radius: 8px;  // Material v2 square


// Tab indicator thickness
//$tab-indicator-thickness: 0;
//$tab-indicator-thickness: 2px;
$tab-indicator-thickness: 4px;


// Chip settings
$chip-type: outlined;  // Material v2 styled outlined chip
//$outlined-chip: contained;  // Material v1 styled contained chip

$chip-size: 16px;  // Chip height: 24px, Icon size: 16px (Mastodon default)
//$chip-size: 20px;  // Chip height: 28px, Icon size: 20px
//$chip-size: 24px;  // Chip hight: 32px, Icon size: 24px

//$chip-radius: 0;  // Rectangle
//$chip-radius: 4px;  // Rounded corner
//$chip-radius: 8px;  // Rounded corner (Material v3)
$chip-radius: 17px;  // Oval


// Button on statuses
$button-on-status: text;  // Material v1 styled text button
//$button-on-status: outlined;  // Material v2 styled outlined button


// Button shadow
$button-shadow: true;  // Material v1 styled colored button with shadow
//$button-shadow: false;  // Material v2 styled colored button without shadow


// Floating Action Button size
$fab-size: 56px;  // Regular
//$fab-size: 40px;  // Mini


// CW text field border
$cw-area-border: none;
//$cw-area-border: underlined;
//$cw-area-border: outlined;

// Compose text field border
$compose-area-border: none;
//$compose-area-border: underlined;
//$compose-area-border: outlined;

// Other text field border
$other-text-area-border: underlined;
//$other-text-area-border: outlined;
//$other-text-area-border: none;