[Tech] Added more designs
&.design-1 {
background-color: @landing-blue;
- color: @landing-bg-color;
+ color: @white-bg;
}
&.design-2 {
- background: linear-gradient(@body-bg,@body-fg);
- color: @landing-bg-color;
+ background: linear-gradient(@light-blue-bg,@white-bg);
+ color: @primary-blue;
}
&.design-3 {
background: linear-gradient(to left,@landing-blue,@secondary-blue);
- color: @landing-bg-color;
+ color: @white-bg;
}
&.design-4 {
- background: linear-gradient(@body-bg,@landing-blue);
- color: @landing-bg-color;
+ background: linear-gradient(@light-blue-bg,@landing-blue);
+ color: @white-bg;
}
&.design-5 {
- background: linear-gradient(to top,@body-bg,@landing-blue);
- color: @landing-bg-color;
+ background: linear-gradient(to top,@light-blue-bg,@landing-blue);
+ color: @white-bg;
}
&.design-6 {
- background: linear-gradient(to right,@body-bg,@secondary-blue,@landing-blue);
- color: @landing-fg-color;
+ background: linear-gradient(to right,@light-blue-bg,@secondary-blue,@landing-blue);
+ color: @landing-fg;
}
&.design-7 {
- background: linear-gradient(@landing-blue,@body-bg,@landing-blue);
- color: @landing-fg-color;
+ background: linear-gradient(@landing-blue,@light-blue-bg,@landing-blue);
+ color: @landing-fg;
}
&.design-8 {
- background: linear-gradient(45deg,@landing-blue,@body-bg,@landing-blue);
- color: @landing-fg-color;
+ background: linear-gradient(45deg,@landing-blue,@light-blue-bg,@landing-blue);
+ color: @landing-fg;
+ }
+
+ &.design-9 {
+ background: linear-gradient(to left,@light-blue-bg,@white-bg);
+ color: @primary-blue;
+ }
+
+ &.design-10 {
+ background: radial-gradient(circle at left, #58a) top left,
+ radial-gradient(circle at top right, transparent 15px, #58a 0) top right;
+
+ background-size: 50% 50%;
+ background-repeat: no-repeat;
+ color: @primary-blue;
}
}
