feat: today milestone of background and import

nikhilkuyya · Jan 28, 2025 · 12552d2 · 12552d2
1 parent 75a5919
commit 12552d2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 11 deletions.
diff --git a/apps/frontend-masters-bootcamp/src/lessons/day2-css/css/anchor.css b/apps/frontend-masters-bootcamp/src/lessons/day2-css/css/anchor.css
@@ -4,9 +4,8 @@ a {
   text-decoration: none;
 }
 
-
 /* Loard Vader Former Handle Anakin */
-a:link{
+a:link {
   color: var(--blue);
 }
 
@@ -23,7 +22,6 @@ a:hover {
   text-decoration: underline;
 }
 
-
 a:active {
   color: var(--red);
 }
diff --git a/apps/frontend-masters-bootcamp/src/lessons/day2-css/css/style.css b/apps/frontend-masters-bootcamp/src/lessons/day2-css/css/style.css
@@ -2,8 +2,8 @@
 /** we are going to build
  beautiful styling **/
 
-@import url("anchor.css");
 @import url("heading.css");
+@import url("anchor.css");
 
 :root {
   --blue: #007bff;
@@ -24,7 +24,7 @@
 body {
   font-size: 1.2rem;
   font-family: Arial, Helvetica, sans-serif;
-  background-color: #789;
+  background-color: rgb(197, 204, 211);
   margin: 0 auto;
 }
 
@@ -33,24 +33,39 @@ blockquote {
   font-size: 3rem;
   font-style: italic;
   text-align: center;
+  background: lightblue content-box no-repeat left / contain scroll;
+  background-image: url(https://picsum.photos/seed/picsum/200/300), url(https://picsum.photos/200/300.jpg),
+  linear-gradient(to right, rgb(30 75 115 / 100%), rgb(255 255 255 / 0%));
+  background-position: left, right, center;
+  background-size: 10% 100%, 10% 100%, 100% 100%;
 }
 
 cite {
   font-size: 1.5rem;
   font-weight: bold;
 }
 
-.bigbold {
-  font-size: 1.2rem;
-  font-weight: bold;
-}
-
 p {
   line-height: 1.5;
   color: #333;
 }
 
-
 body > p:first-of-type {
   line-height: 2;
 }
+
+/** Cascades the imports */
+a:visited {
+  color: white;
+}
+
+
+
+.bigbold {
+  font-size: 1.2rem;
+  font-weight: bold;
+}
+
+.testclass {
+  text-align: end;
+}