Show sourcecode

The following files exists in this folder. Click to view.

webbserverprogrammering/submissions/projekt-matkort-handler/public/css/

_layout.css
_sidebar.css
_variables.css
style.css

`_variables.css`

42 lines UTF-8 Windows (CRLF)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42


:root {

  /* Färgpalett - Mindre mättad orange & beiges */

  --bg-color: #fce8d5; /* Ljusare beige background */

  --primary: #e67d4f; /* Mindre mättad orange */

  --primary-hover: #c96236; /* Mörkare hover */

  --secondary: #cc2255; /* Rosa/Röd */

  --accent: #ffcc00; /* Gul */

  --white: #ffffff;

  --text-dark: #333333;

  --text-light: #ffffff;

  --gray-light: #e0e0e0;

  --gray-disabled: #b0b0b0;



  /* Form & Storlek */

  --radius-sm: 12px;

  --radius-md: 16px;

  --radius-lg: 24px;

  --radius-sidebar: 0 16px 16px 0; /* Rundad höger, platt vänster, lika som skapa matlogg */



  --shadow-soft: 0 8px 24px rgba(230, 125, 79, 0.15);

  --shadow-hover: 0 12px 32px rgba(230, 125, 79, 0.3);



  /* Layout */

  --sidebar-width: 250px;

  --topbar-height: 70px;

}



body {

  margin: 0;

  padding: 0;

  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

  background-color: var(--bg-color);

  /* Mjuk radiell övergång från ljusare mitten mot kanterna */

  background-image: radial-gradient(

    circle at 50% 50%,

    rgba(255, 255, 255, 0.4) 0%,

    rgba(255, 221, 187, 0) 100%

  );

  background-attachment: fixed;

  color: var(--text-dark);

}