Components

Items we will need:
  1. CSS you will need
  2. WIP
Containers
Title
I'm the body of the container and the main container padding has been stripped. you can still change .container to .container-fluid to go full-width regardless of mediaquery
                    

                        

                            
Title

                        

                        

                            
I'm the body of the container
                                stripped
Buttons

Link

                    
                    Link
Tables .table-striped (striped rows)
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 John Doe @social 
                    

                        
                            

                                #
                                First
                                Last
                                Handle
                            

                        
                        
                            

                                1
                                Mark
                                Otto
                                @mdo
                            

                            

                                2
                                Jacob
                                Thornton
                                @fat
                            

                            

                                3
                                John
                                Doe
                                @social

PIAS STUFF

Existing
Party Address:
Party City:
Party Zipcode:
Zone:
Language:
Probate Investigator:
Death Notice Date:
2000-01-01T00:00:00
Revised
www www
www www
www www
www www
www www
Existing (highlighter adds a <tbody> but ng-prime does not)

Changelog:

  1. Table has border attribute and value remove, and classes added ctstable fullradius
  2. <tbody> added
  3. text-caption and text-field are now classes on the td
  4. "_ngcontent" attributes will still be added by Angular/NG-Prime
                    

                        

                            
                                
Party Address:

                            		
                            
                                

                            		
                        

                        

                            
                                
Party City:

                            		
                            
                                

                            		
                        

                        

                            
                                
Party Zipcode:

                            		
                            
                                

                            		
                        

                        

                            
                                
Zone:

                            		
                            
                                

                            		
                        

                        

                            
                                
Language:

                            		
                            
                                

                            		
                        

                        

                            
                                
Probate Investigator:

                            		
                            
                                

                            		
                        

                        

                            
                                
Death Notice Date:

                            		
                            
                                
2000-01-01T00:00:00
Revised
                    

                        
                            

                                www
                                www
                            

                            

                                www
                                www
                            

                            

                                www
                                www
                            

                            

                                www
                                www
                            

                            

                                www
                                www
Tabs
You can also use the class tabs to extend this to things not using Bootstrap tabs
Custom colors

Swatches

Use the name as a class but for backgrounds, add bg- before the name and for borders use border-. link to working CSS and the old as an example transpiled version here. Where appropriate I defaulted the text color inside the fields to white.

/* CTS Colors */

#232f3d
mutedMidnight
#0013a5
strongBlue
#207ec6
deepBlue
(fails ADA contrast)
#0085eb
boldBlue
(fails ADA contrast)
#33a4fb
brightBlue
#aad5f6
lightBrightBlue
#e7f5ff
highlightBrightBlue
#f4faff
HoverBlue
#7aaf35
limeGreenMedium
#9ee640
limeGreenLight
#475063
darkerSlate
#5a657c
darkSlate
#8690a4
medSlate
#c7ccd6
lightSlate
#e5e7ec
minimalSlate
#f1f2f5
vaporSlate
#f7f7fa
ghostSlate
#bc2113
deepRed
#f33a29
brightRed
(fails ADA contrast)
#f3c629
boldGold

/* Court Canon Colors */

#012362
DarkBlue
#93b2dd
LightBlue
#f3c727
Yellow
#95a3ab
Grey

/* Court Stack Colors */

#2d6eb4
LogoBlue
#727272
LogoGrey
                    

                        
#232f3d 
mutedMidnight