I'm looking at a piece of code that uses:
blockquote cite,
blockquote small {
color: #333;
font-size: 15px;
font-size: 1.5rem;
font-family: "Noto Sans", sans-serif;
line-height: 1.6;
}
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
color: #333;
}
Is there something on the W3Schools tutorial that defines how the three character hex color codes are set? I've found these three uses in the tutorial but no description on how they are set.
#section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}
<style>
.w3-theme {
color:#fff !important;background-color:#3f51b5 !important}
.w3-theme-light {
color:#000 !important;background-color:#e8eaf6 !important}
/*Generated CSS:*/
.w3-theme-d4 {color:#fff; background-color:#3b3b11}
.w3-theme-d3 {color:#fff; background-color:#5f5f1b}
.w3-theme-d2 {color:#fff; background-color:#838325}
.w3-theme-d1 {color:#fff; background-color : #a7a730}
.w3-theme {color:#000; background-color:#c7c73d}
.w3-theme-l1 {color:#000; background-color:#d2d260}
.w3-theme-l2 {color:#000; background-color:#dcdc84}
.w3-theme-l3 {color:#000; background-color : #e6e6a8}
.w3-theme-l4 {color:#000; background-color : #f0f0cb}
.w3-theme-l5 {color:#000; background-color : #fcfcf3}
Any pointers are appreciated, thanks.