Skip to content

Commit 43d8276

Browse files
AdamJAdamJ
committed
update: style library
1 parent cda2a54 commit 43d8276

File tree

6 files changed

+4
-298
lines changed

6 files changed

+4
-298
lines changed

‎docs/css/caswow.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/caswow.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/css/site.css‎

Lines changed: 0 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -16,150 +16,3 @@
1616
fill: currentColor;
1717
transition: .2s ease-in-out transform;
1818
}
19-
20-
.chat-article {
21-
height: 90dvh;
22-
}
23-
/* Chatbot styles -- TEMP -- */
24-
.chat-wrapper {
25-
display: flex;
26-
flex-direction: column;
27-
align-items: flex-start;
28-
flex: 1 0 0;
29-
align-self: stretch;
30-
height: 100%;
31-
background: var(--cas-body-bg, #fff);
32-
position: relative; /* so that the history panel sits inside of the container and not over the navigation */
33-
}
34-
.chat-header {
35-
display: flex;
36-
flex-direction: column;
37-
justify-content: center;
38-
align-items: center;
39-
gap: var(--global-spacer-sm, 0.5rem);
40-
align-self: stretch;
41-
border-radius: var(--global-border-radius-medium, 1rem)
42-
var(--global-border-radius-medium, 1rem) 0 0;
43-
}
44-
.chat-header__items {
45-
display: flex;
46-
height: var(--cas-spacer-xxl, 5rem);
47-
padding: var(--global-spacer-md, 1rem);
48-
justify-content: space-between;
49-
align-items: center;
50-
align-self: stretch;
51-
}
52-
.chatbot-start-screen {
53-
display: flex;
54-
padding: var(--global-spacer-lg, 1.5rem) 10rem;
55-
flex-direction: column;
56-
justify-content: flex-end;
57-
align-items: center;
58-
gap: 3rem;
59-
flex: 1 0 0;
60-
align-self: stretch;
61-
}
62-
.welcome-message {
63-
display: flex;
64-
padding: var(--cas-spacer-xxl) var(--cas-spacer-xxxl);
65-
flex-direction: column;
66-
align-items: flex-start;
67-
gap: var(--global-spacer-md, 1rem);
68-
align-self: stretch;
69-
background: var(--cas-body-bg-rgba, #ffffff);
70-
}
71-
.text-block {
72-
display: flex;
73-
padding: var(--cas-spacer-xs, 0.5rem) var(--cas-spacer-md, 1rem);
74-
flex-direction: column;
75-
justify-content: center;
76-
align-items: center;
77-
gap: cas-space-2xs;
78-
align-self: stretch;
79-
}
80-
.shortcut-cards {
81-
display: flex;
82-
align-items: center;
83-
gap: 1.5rem;
84-
align-self: stretch;
85-
}
86-
.chatbot-chat-input {
87-
display: flex;
88-
padding: var(--cas-space-l, 20px) var(--cas-spacer-xxxl, 3rem);
89-
flex-direction: column;
90-
align-items: center;
91-
gap: var(--cas-spacer-xs, 0.25rem);
92-
align-self: stretch;
93-
border-radius: var(--border-radius-none, 0);
94-
background: var(--cas-secondary-bg, #f4f6f7);
95-
}
96-
.message-bar {
97-
border-radius: var(--cas-border-radius-pill, 999px);
98-
background: var(--cas-body-bg, #fff);
99-
}
100-
101-
/* Threads */
102-
.chatbot-chat-threads {
103-
display: flex;
104-
padding: var(--global-spacer-lg, 1.5rem) 14.125rem;
105-
flex-direction: column;
106-
justify-content: flex-end;
107-
align-items: center;
108-
gap: var(--cas-spacer-sm);
109-
flex: 1 0 0;
110-
align-self: stretch;
111-
border-radius: var(--cas-border-radius-lg);
112-
background: var(--Background-primary, #FFF);
113-
}
114-
.chatbot-message-group {
115-
display: flex;
116-
padding: var(--cas-spacer-lg) var(--cas-spacer-md);
117-
align-items: flex-start;
118-
gap: var(--cas-spacer-xl);
119-
align-self: stretch;
120-
border-radius: var(--cas-border-radius-md);
121-
position: relative;
122-
}
123-
.chatbot-message-group.message-bot {
124-
background: var(--cas-body-bg-rgba, rgba(226, 231, 235, 0.20));
125-
}
126-
.chat-avatar {
127-
display: flex;
128-
width: 3rem;
129-
height: 3rem;
130-
justify-content: center;
131-
align-items: center;
132-
}
133-
.chat-message-contents {
134-
display: flex;
135-
flex-direction: column;
136-
align-items: flex-start;
137-
gap: var(--cas-spacer-xs);
138-
flex: 1 0 0;
139-
}
140-
.chat-message-metadata {
141-
display: flex;
142-
align-items: center;
143-
gap: var(--cas-spacer-xs);
144-
}
145-
.chat-message {
146-
display: flex;
147-
padding: var(--cas-spacer-xs);
148-
align-items: center;
149-
align-content: center;
150-
gap: var(--cas-spacer-xs);
151-
align-self: stretch;
152-
flex-wrap: wrap;
153-
border-radius: var(--cas-border-radius-sm);
154-
background: rgba(255, 255, 255, 0.00);
155-
}
156-
.chatbot-response-actions {
157-
display: flex;
158-
justify-content: flex-end;
159-
align-items: center;
160-
gap: var(--cas-spacer-xs, 0.25rem);
161-
position: absolute;
162-
right: 0;
163-
bottom: -16px;
164-
}
165-

‎docs/css/site.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/css/caswow.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/css/site.css‎

Lines changed: 0 additions & 147 deletions
Original file line numberDiff line numberDiff line change
@@ -16,150 +16,3 @@
1616
fill: currentColor;
1717
transition: .2s ease-in-out transform;
1818
}
19-
20-
.chat-article {
21-
height: 90dvh;
22-
}
23-
/* Chatbot styles -- TEMP -- */
24-
.chat-wrapper {
25-
display: flex;
26-
flex-direction: column;
27-
align-items: flex-start;
28-
flex: 1 0 0;
29-
align-self: stretch;
30-
height: 100%;
31-
background: var(--cas-body-bg, #fff);
32-
position: relative; /* so that the history panel sits inside of the container and not over the navigation */
33-
}
34-
.chat-header {
35-
display: flex;
36-
flex-direction: column;
37-
justify-content: center;
38-
align-items: center;
39-
gap: var(--global-spacer-sm, 0.5rem);
40-
align-self: stretch;
41-
border-radius: var(--global-border-radius-medium, 1rem)
42-
var(--global-border-radius-medium, 1rem) 0 0;
43-
}
44-
.chat-header__items {
45-
display: flex;
46-
height: var(--cas-spacer-xxl, 5rem);
47-
padding: var(--global-spacer-md, 1rem);
48-
justify-content: space-between;
49-
align-items: center;
50-
align-self: stretch;
51-
}
52-
.chatbot-start-screen {
53-
display: flex;
54-
padding: var(--global-spacer-lg, 1.5rem) 10rem;
55-
flex-direction: column;
56-
justify-content: flex-end;
57-
align-items: center;
58-
gap: 3rem;
59-
flex: 1 0 0;
60-
align-self: stretch;
61-
}
62-
.welcome-message {
63-
display: flex;
64-
padding: var(--cas-spacer-xxl) var(--cas-spacer-xxxl);
65-
flex-direction: column;
66-
align-items: flex-start;
67-
gap: var(--global-spacer-md, 1rem);
68-
align-self: stretch;
69-
background: var(--cas-body-bg-rgba, #ffffff);
70-
}
71-
.text-block {
72-
display: flex;
73-
padding: var(--cas-spacer-xs, 0.5rem) var(--cas-spacer-md, 1rem);
74-
flex-direction: column;
75-
justify-content: center;
76-
align-items: center;
77-
gap: cas-space-2xs;
78-
align-self: stretch;
79-
}
80-
.shortcut-cards {
81-
display: flex;
82-
align-items: center;
83-
gap: 1.5rem;
84-
align-self: stretch;
85-
}
86-
.chatbot-chat-input {
87-
display: flex;
88-
padding: var(--cas-space-l, 20px) var(--cas-spacer-xxxl, 3rem);
89-
flex-direction: column;
90-
align-items: center;
91-
gap: var(--cas-spacer-xs, 0.25rem);
92-
align-self: stretch;
93-
border-radius: var(--border-radius-none, 0);
94-
background: var(--cas-secondary-bg, #f4f6f7);
95-
}
96-
.message-bar {
97-
border-radius: var(--cas-border-radius-pill, 999px);
98-
background: var(--cas-body-bg, #fff);
99-
}
100-
101-
/* Threads */
102-
.chatbot-chat-threads {
103-
display: flex;
104-
padding: var(--global-spacer-lg, 1.5rem) 14.125rem;
105-
flex-direction: column;
106-
justify-content: flex-end;
107-
align-items: center;
108-
gap: var(--cas-spacer-sm);
109-
flex: 1 0 0;
110-
align-self: stretch;
111-
border-radius: var(--cas-border-radius-lg);
112-
background: var(--Background-primary, #FFF);
113-
}
114-
.chatbot-message-group {
115-
display: flex;
116-
padding: var(--cas-spacer-lg) var(--cas-spacer-md);
117-
align-items: flex-start;
118-
gap: var(--cas-spacer-xl);
119-
align-self: stretch;
120-
border-radius: var(--cas-border-radius-md);
121-
position: relative;
122-
}
123-
.chatbot-message-group.message-bot {
124-
background: var(--cas-body-bg-rgba, rgba(226, 231, 235, 0.20));
125-
}
126-
.chat-avatar {
127-
display: flex;
128-
width: 3rem;
129-
height: 3rem;
130-
justify-content: center;
131-
align-items: center;
132-
}
133-
.chat-message-contents {
134-
display: flex;
135-
flex-direction: column;
136-
align-items: flex-start;
137-
gap: var(--cas-spacer-xs);
138-
flex: 1 0 0;
139-
}
140-
.chat-message-metadata {
141-
display: flex;
142-
align-items: center;
143-
gap: var(--cas-spacer-xs);
144-
}
145-
.chat-message {
146-
display: flex;
147-
padding: var(--cas-spacer-xs);
148-
align-items: center;
149-
align-content: center;
150-
gap: var(--cas-spacer-xs);
151-
align-self: stretch;
152-
flex-wrap: wrap;
153-
border-radius: var(--cas-border-radius-sm);
154-
background: rgba(255, 255, 255, 0.00);
155-
}
156-
.chatbot-response-actions {
157-
display: flex;
158-
justify-content: flex-end;
159-
align-items: center;
160-
gap: var(--cas-spacer-xs, 0.25rem);
161-
position: absolute;
162-
right: 0;
163-
bottom: -16px;
164-
}
165-

0 commit comments

Comments
 (0)