. my-cards-board-wrapper {
border-radius : 0 0 0 . 5vw 0 . 5vw ;
min-width : min ( 400px , 52vw ) ;
margin-bottom : 2 . 5vh ;
margin-right : auto ;
margin-left : auto ;
border-width : 0 . 3vw ;
border-style : solid ;
border-color : # a2a2a2 ;
}
. my-cards-board-title {
font-size : clamp ( 1 . 2rem , 3vw , 1 . 6rem ) ;
font-weight : bold ;
padding : 0 . 7vh 0 . 7vw ;
background-color : # 808080 ;
color : # fff ;
}
. my-cards-swimlane-title {
font-size : clamp ( 1rem , 2 . 5vw , 1 . 3rem ) ;
font-weight : bold ;
padding : 0 . 7vh 0 . 7vw ;
padding-bottom : 0 . 5vh ;
margin-top : 0 ;
margin-bottom : 0 . 7vh ;
text-align : center ;
}
. swimlane-default-color {
background-color : # d3d3d3 ;
}
. my-cards-list-title {
font-weight : bold ;
font-size : clamp ( 1rem , 2 . 5vw , 1 . 3rem ) ;
text-align : center ;
margin-bottom : 0 . 9vh ;
}
. my-cards-list-wrapper {
margin : 1 . 3vh 1 . 3vw ;
border-radius : 0 . 7vw ;
display : inline-grid ;
min-width : min ( 250px , 32vw ) ;
max-width : min ( 350px , 45vw ) ;
}
. my-cards-card-wrapper {
margin-top : 0 ;
margin-bottom : 1 . 3vh ;
}
. my-cards-dueat-list-wrapper {
max-width : min ( 500px , 65vw ) ;
margin-right : auto ;
margin-left : auto ;
}
. my-cards-board-table thead {
border-bottom : 3px solid # 4d4d4d ;
background-color : transparent ;
}
. my-cards-board-table th ,
. my-cards-board-table td {
border : 0 ;
}
. my-cards-board-table tr {
border-bottom : 2px solid # a2a2a2 ;
}
. my-cards-card-title-table {
font-weight : bold ;
padding-left : 2px ;
max-width : 243px ;
}
. my-cards-board-badge {
width : 36px ;
height : 24px ;
float : left ;
border-radius : 5px ;
margin-right : 5px ;
}
/* Accessibility page styles */
. accessibility-page {
padding : 20px ;
max-width : 800px ;
margin : 0 auto ;
}
. accessibility-page h2 {
font-size : 24px ;
margin-bottom : 20px ;
color : # 4d4d4d ;
}
. accessibility-page-content {
background-color : # fff ;
padding : 20px ;
border-radius : 3px ;
box-shadow : 0 1px 2px rgba ( 0 , 0 , 0 , 0 . 15 ) ;
}
. accessibility-page-content p {
margin-bottom : 16px ;
line-height : 1 . 6 ;
}