Viewing file:  theme.blade.php (3.97 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<style>
/* default color code */
:root {
--gray-50: #F5F6F7;
--gray-100: #D7DCE0;
--gray-200: #B7BCC4;
--gray-300: #A1A8AD;
--gray-400: #8C9299;
--gray-500: #6E747A;
--gray-600: #555B61;
--gray-700: #3F444A;
--gray-800: #2A2E33;
--gray-900: #1C2126;
--primary-50: #E8F0FC;
--primary-100: #D1E1FA;
--primary-200: #A2C3F5;
--primary-300: #74A6EF;
--primary-400: #4588EA;
--primary-500: #1768E0;
--primary-600: #1255B7;
--primary-700: #0E4089;
--primary-800: #092A5C;
--primary-900: #05152E;
}
/* dynamic color code */
:root {
--gray-50: hsl(210, 5%, 90%);
--gray-100: hsl(210, 5%, 85%);
--gray-200: hsl(210, 5%, 75%);
--gray-300: hsl(210, 5%, 65%);
--gray-400: hsl(210, 5%, 55%);
--gray-500: hsl(210, 5%, 45%);
--gray-600: hsl(210, 5%, 40%);
--gray-700: hsl(210, 5%, 30%);
--gray-800: hsl(210, 5%, 20%);
--gray-900: hsl(210, 5%, 10%);
--primary-50: hsl(216, 81%, 90%);
--primary-100: hsl(216, 81%, 80%);
--primary-200: hsl(216, 81%, 70%);
--primary-300: hsl(216, 81%, 60%);
--primary-400: hsl(216, 81%, 55%);
--primary-500: hsl(216, 81%, 45%);
--primary-600: hsl(216, 81%, 40%);
--primary-700: hsl(216, 81%, 30%);
--primary-800: hsl(216, 81%, 20%);
--primary-900: hsl(216, 81%, 10%);
}
/* default font family */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Inter', sans-serif;
}
/* dynamic font family */
/* poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Poppins', sans-serif;
}
/* montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Montserrat', sans-serif;
}
/* lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
html,
body {
font-family: 'Lato', sans-serif;
}
/* raleway */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Raleway', sans-serif;
}
/* roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
html,
body {
font-family: 'Roboto', sans-serif;
}
/* Oswald */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Oswald', sans-serif;
}
/* open sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Open Sans', sans-serif;
}
/* inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
html,
body {
font-family: 'Inter', sans-serif;
}
/* dynamic font size */
/* section title */
.heading-03 {
font-size: 32px;
line-height: 40px;
font-weight: 600;
}
@media (max-width: 767px) {
.heading-03 {
font-size: 24px;
line-height: 32px;
font-weight: 600;
}
}
@media (max-width: 540px) {
.heading-03 {
font-size: 20px;
line-height: 28px;
font-weight: 600;
}
}
/* body title */
.heading-07 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
/* card title */
.body-md-500 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
</style>
|