WordPress_Themes/NAN_Student_Handbook
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Nearing completion

Browse Source
This commit is contained in:
prospect
2024-01-11 06:17:07 -05:00
parent 7843c7b084
commit b345ca70da
62 changed files with 1672 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
assets/css/styles.css
View File

@@ -1452,6 +1452,10 @@ select {
z-index: 50;
}
.col-span-3 {
grid-column: span 3/span 3;
}
.-mx-2 {
margin-left: -0.5rem;
margin-right: -0.5rem;
@@ -1462,11 +1466,20 @@ select {
margin-right: auto;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-4 {
margin-bottom: 1rem;
}
@@ -1475,6 +1488,10 @@ select {
margin-left: auto;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-4 {
margin-top: 1rem;
}
@@ -1483,10 +1500,6 @@ select {
margin-top: 2rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.inline {
display: inline;
}
@@ -1503,6 +1516,10 @@ select {
display: none;
}
.aspect-video {
aspect-ratio: 16/9;
}
.h-20 {
height: 5rem;
}
@@ -1511,6 +1528,10 @@ select {
height: 6rem;
}
.h-56 {
height: 14rem;
}
.h-full {
height: 100%;
}
@@ -1523,10 +1544,18 @@ select {
width: 8.333333%;
}
.w-1\/3 {
width: 33.333333%;
}
.w-11\/12 {
width: 91.666667%;
}
.w-3\/5 {
width: 60%;
}
.w-4\/5 {
width: 80%;
}
@@ -1539,14 +1568,31 @@ select {
width: 100%;
}
.max-w-64 {
max-width: 16rem;
}
.max-w-7xl {
max-width: 80rem;
}
.max-w-xl {
max-width: 36rem;
}
.flex-1 {
flex: 1 1 0%;
}
.shrink {
flex-shrink: 1;
}
.-skew-y-6 {
--tw-skew-y: -6deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.list-inside {
list-style-position: inside;
}
@@ -1559,6 +1605,14 @@ select {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@@ -1591,6 +1645,10 @@ select {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.gap-x-3 {
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
@@ -1674,11 +1732,26 @@ select {
background-color: rgb(2 9 23/var(--tw-bg-opacity));
}
.bg-cadet-100 {
--tw-bg-opacity: 1;
background-color: rgb(245 247 247/var(--tw-bg-opacity));
}
.bg-cadet-300 {
--tw-bg-opacity: 1;
background-color: rgb(206 219 218/var(--tw-bg-opacity));
}
.bg-cadet-500 {
--tw-bg-opacity: 1;
background-color: rgb(142 168 164/var(--tw-bg-opacity));
}
.bg-cadet-800 {
--tw-bg-opacity: 1;
background-color: rgb(52 102 86/var(--tw-bg-opacity));
}
.bg-cadet-900 {
--tw-bg-opacity: 1;
background-color: rgb(29 77 58/var(--tw-bg-opacity));
@@ -1699,11 +1772,31 @@ select {
background-color: rgb(17 24 39/var(--tw-bg-opacity));
}
.bg-green-600 {
--tw-bg-opacity: 1;
background-color: rgb(24 87 76/var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(149 29 32/var(--tw-bg-opacity));
}
.bg-red-600 {
--tw-bg-opacity: 1;
background-color: rgb(133 23 26/var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.bg-yellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(245 224 162/var(--tw-bg-opacity));
}
.bg-opacity-40 {
--tw-bg-opacity: 0.4;
}
@@ -1780,6 +1873,10 @@ select {
padding-bottom: 5rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-\[65px\] {
padding-bottom: 65px;
}
@@ -1800,6 +1897,10 @@ select {
padding-top: 6rem;
}
.pt-4 {
padding-top: 1rem;
}
.text-center {
text-align: center;
}
@@ -1885,6 +1986,11 @@ select {
color: rgb(4 14 31/var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(2 9 23/var(--tw-text-opacity));
}
.text-cadet-300 {
--tw-text-opacity: 1;
color: rgb(206 219 218/var(--tw-text-opacity));
@@ -1895,6 +2001,11 @@ select {
color: rgb(29 77 58/var(--tw-text-opacity));
}
.text-red-500 {
--tw-text-opacity: 1;
color: rgb(149 29 32/var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255/var(--tw-text-opacity));
@@ -2005,12 +2116,24 @@ html {
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:h-1\/3 {
height: 33.333333%;
}
.lg\:h-full {
height: 100%;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:w-1\/3 {
width: 33.333333%;
}
.lg\:w-1\/4 {
width: 25%;
}
.lg\:w-2\/4 {
width: 50%;
}
@@ -2182,7 +2305,7 @@ body.login {
position: absolute;
opacity: 0;
transition: all 600ms ease-in-out;
padding: 1rem 1rem 1rem 2rem;
padding: 1rem;
}
@media (min-width: 1024px) {
.accordion-content {
@@ -2350,6 +2473,36 @@ body.login {
background-position: center;
}
.bg-attending-college-or-university {
background-image: url(../../assets/images/bgs/attending-college-or-university.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.iceberg-illusion {
background-image: url(../../assets/images/bgs/attending-college-or-university.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.differences-columns:nth-child(odd) {
background-color: var(--copper-200); /* Odd row background color */
}
.tips-columns:nth-child(odd) {
background-color: var(--cadet-500); /* Odd row background color */
}
.terms-columns:nth-child(even) {
background-color: var(--cadet-500); /* Odd row background color */
}
.comparisons-columns:nth-child(even) {
background-color: var(--copper-200); /* Odd row background color */
}
.flip {
transform: scaleX(-1);
}