chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Internal: Set text styles in Tailwind config

Browse Source
pull/4690/head
Angel Fernando Quiroz Campos 3 years ago
parent cbc9d60549
commit c22785b508
16 changed files with 54 additions and 84 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      assets/css/scss/_login.scss
  2. 2
      assets/css/scss/atoms/_checkbox.scss
  3. 2
      assets/css/scss/atoms/_fieldset.scss
  4. 6
      assets/css/scss/atoms/_tags.scss
  5. 2
      assets/css/scss/molecules/_course_tool.scss
  6. 2
      assets/css/scss/molecules/_empty_state.scss
  7. 6
      assets/css/scss/organisms/_cards.scss
  8. 8
      assets/css/scss/organisms/_datatable.scss
  9. 4
      assets/css/scss/organisms/_install.scss
  10. 2
      assets/css/scss/organisms/_modals.scss
  11. 8
      assets/css/scss/organisms/_sidebar.scss
  12. 4
      assets/css/scss/organisms/_tables.scss
  13. 36
      assets/css/scss/settings/_typography.scss
  14. 12
      assets/vue/components/installer/Step2.vue
  15. 36
      assets/vue/components/installer/Step6.vue
  16. 6
      tailwind.config.js

2
assets/css/scss/_login.scss
Unescape View File

@ -42,7 +42,7 @@
&__form {
label,
a:not(.btn) {
@apply text-caption-bold text-primary;
@apply text-caption font-semibold text-primary;
}
}

2
assets/css/scss/atoms/_checkbox.scss
Unescape View File

@ -5,7 +5,7 @@
@apply border border-solid border-gray-50 bg-white h-4 rounded w-4 transition-none;
.p-checkbox-icon {
@apply text-caption-bold text-white;
@apply text-caption font-semibold text-white;
}
&.p-highlight {

2
assets/css/scss/atoms/_fieldset.scss
Unescape View File

@ -2,7 +2,7 @@
@apply border border-solid border-support-3 rounded-lg p-3.5;
&-legend {
@apply text-body-1-bold px-2;
@apply text-body-1 font-semibold px-2;
}
&-content {

6
assets/css/scss/atoms/_tags.scss
Unescape View File

@ -1,5 +1,5 @@
.p-tag {
@apply box-decoration-clone text-caption-bold py-1 px-4 rounded-full text-white inline-block;
@apply box-decoration-clone text-caption font-semibold py-1 px-4 rounded-full text-white inline-block;
&-success {
@apply bg-success;
@ -31,7 +31,7 @@
}
.badge {
@apply box-decoration-clone text-caption-bold py-1 px-4 rounded-full text-white inline-block;
@apply box-decoration-clone text-caption font-semibold py-1 px-4 rounded-full text-white inline-block;
&--default {
@apply bg-gray-50;
@ -60,4 +60,4 @@
&--secondary {
@apply bg-secondary;
}
}
}

2
assets/css/scss/molecules/_course_tool.scss
Unescape View File

@ -13,7 +13,7 @@
}
&__title {
@apply text-caption-bold text-center text-primary;
@apply text-caption font-semibold text-center text-primary;
}
&__options {

2
assets/css/scss/molecules/_empty_state.scss
Unescape View File

@ -11,7 +11,7 @@
}
&__summary {
@apply text-body-2-bold text-gray-90;
@apply text-body-2 font-semibold text-gray-90;
}
&__detail {

6
assets/css/scss/organisms/_cards.scss
Unescape View File

@ -2,7 +2,7 @@
@apply rounded-lg shadow-lg;
.p-card-body {
@apply flex flex-col gap-4 p-4;
@apply flex flex-col space-y-4 p-4;
}
.p-card-header {
@ -12,11 +12,11 @@
}
.p-card-title {
@apply text-body-2-bold line-clamp-2 min-h-[2rem];
@apply text-body-2 font-semibold line-clamp-2;
}
.p-card-subtitle {
@apply text-body-1 text-gray-50;
@apply text-body-2 text-gray-50;
}
.p-card-content {

8
assets/css/scss/organisms/_datatable.scss
Unescape View File

@ -2,7 +2,7 @@
&-header,
&-footer {
@apply bg-gray-10 text-gray-90 border-solid border-gray-30 p-3 text-caption-bold;
@apply bg-gray-10 text-gray-90 border-solid border-gray-30 p-3 text-caption font-semibold;
}
&-header {
@ -37,7 +37,7 @@
&-thead {
> tr {
> th {
@apply p-3 border-b border-solid border-gray-30 text-body-1-bold bg-gray-15 text-gray-90;
@apply p-3 border-b border-solid border-gray-30 text-body-1 font-semibold bg-gray-15 text-gray-90;
}
}
}
@ -59,7 +59,7 @@
&-tfoot {
> tr {
> td {
@apply p-3 border-b border-solid border-gray-30 text-body-1-bold text-gray-90;
@apply p-3 border-b border-solid border-gray-30 text-body-1 font-semibold text-gray-90;
}
}
}
@ -77,7 +77,7 @@
}
.p-sortable-column-badge {
@apply rounded-full ml-2 text-tiny-bold px-1.5 bg-white;
@apply rounded-full ml-2 text-tiny font-semibold px-1.5 bg-white;
}
}

4
assets/css/scss/organisms/_install.scss
Unescape View File

@ -10,7 +10,7 @@
}
&__step {
@apply border-0 border-solid py-3 pl-9 pr-3 text-body-2-bold text-gray-50;
@apply border-0 border-solid py-3 pl-9 pr-3 text-body-2 font-semibold text-gray-50;
&--active {
@apply bg-support-1 text-primary border-primary border-l-4 pl-8;
@ -32,4 +32,4 @@ table.requirements-list {
.requirements-value {
@apply text-center;
}
}
}

2
assets/css/scss/organisms/_modals.scss
Unescape View File

@ -6,7 +6,7 @@
@apply bg-white border-b border-solid border-gray-30 flex gap-4 rounded-t-lg p-4;
.p-dialog-title {
@apply text-body-1-bold;
@apply text-body-1 font-semibold;
}
.p-dialog-header-icons {

8
assets/css/scss/organisms/_sidebar.scss
Unescape View File

@ -17,7 +17,7 @@
}
&__bottom {
@apply border-b border-solid border-gray-25 p-6 text-tiny-bold;
@apply border-b border-solid border-gray-25 p-6 text-tiny font-semibold;
}
&__logout-link {
@ -63,15 +63,15 @@
@apply gap-4 pl-8 py-3 pr-6 mb-1 flex-nowrap;
.p-submenu-icon {
@apply order-3 rotate-90 text-body-2-bold;
@apply order-3 rotate-90 text-body-2 font-semibold;
}
.p-menuitem-icon {
@apply order-1 text-body-2-bold;
@apply order-1 text-body-2 font-semibold;
}
.p-menuitem-text {
@apply order-2 grow text-body-2-bold whitespace-nowrap;
@apply order-2 grow text-body-2 font-semibold whitespace-nowrap;
}
&.router-link-active,

4
assets/css/scss/organisms/_tables.scss
Unescape View File

@ -13,7 +13,7 @@
}
th {
@apply text-body-2-bold;
@apply text-body-2 font-semibold;
}
td {
@ -21,7 +21,7 @@
strong,
b {
@apply text-body-2-bold;
@apply text-body-2 font-semibold;
}
}
}

36
assets/css/scss/settings/_typography.scss
Unescape View File

@ -40,42 +40,6 @@
line-height: 24px;
font-weight: 700;
}
.text-body-1 {
font-size: 16px;
line-height: 24px;
}
.text-body-1-bold {
@apply text-body-1 font-semibold;
}
.text-body-2 {
font-size: 14px;
line-height: 16px;
}
.text-body-2-bold {
@apply text-body-2 font-semibold;
}
.text-caption {
font-size: 13px;
line-height: 16px;
}
.text-caption-bold {
@apply text-caption font-semibold;
}
.text-tiny {
font-size: 11px;
line-height: 16px;
}
.text-tiny-bold {
@apply text-tiny font-semibold;
}
}
@layer base {

12
assets/vue/components/installer/Step2.vue
Unescape View File

@ -4,7 +4,7 @@
v-t="'Step 2 - Requirements'"
class="install-title mb-8"
/>
<p class="RequirementText mb-4">
<strong v-text="t('Please read the following requirements thoroughly.')" />
</p>
@ -53,12 +53,12 @@
/>
<div class="text-center mb-4">
<p class="text-body-2-bold mb-2">
<p class="text-body-2 font-semibold mb-2">
{{ t('PHP version ') }} >= {{ installerData.phpRequiredVersion }}
</p>
<p
v-if="installerData.stepData.isVersionPassed"
class="text-success text-body-1-bold"
class="text-success text-body-1 font-semibold"
>
<span
class="mdi mdi-check"
@ -69,7 +69,7 @@
</p>
<p
v-else
class="text-error text-body-1-bold"
class="text-error text-body-1 font-semibold"
v-text="t('Your PHP version does not match the requirements for this software. Please check you have the latest version, then try again.')"
/>
</div>
@ -93,7 +93,7 @@
/>
</p>
</div>
<h4
class="install-subtitle mb-4"
v-text="t('Recommended settings')"
@ -237,8 +237,8 @@
<div v-else>
<div v-if="installerData.stepData.notWritable.length > 0">
<strong
class="text-error"
v-t="'Warning!'"
class="text-error"
/>
<p class="text-error">
{{ t('Some files or folders don\'t have writing permission. To be able to install Chamilo you should first change their permissions (using CHMOD). Please read the') }}

36
assets/vue/components/installer/Step6.vue
Unescape View File

@ -25,7 +25,7 @@
>
<div
v-t="'Administrator login'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -39,7 +39,7 @@
>
<div
v-t="'Administrator password'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -54,7 +54,7 @@
<div class="formgroup-inline">
<div
v-t="'Administrator first name'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -65,7 +65,7 @@
<div class="formgroup-inline">
<div
v-t="'Administrator last name'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -76,7 +76,7 @@
<div class="formgroup-inline">
<div
v-t="'Administrator e-mail'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -87,7 +87,7 @@
<div class="formgroup-inline">
<div
v-t="'Administrator telephone'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -102,7 +102,7 @@
<div class="formgroup-inline">
<div
v-t="'Your portal name'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -113,7 +113,7 @@
<div class="formgroup-inline">
<div
v-t="'Main language'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -124,7 +124,7 @@
<div class="formgroup-inline">
<div
v-t="'Allow self-registration'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -135,7 +135,7 @@
<div class="formgroup-inline">
<div
v-t="'Your company short name'"
class="field text-body-2-bold"
class="field text-body-2font-semibold"
/>
<div
class="field text-body-2"
@ -146,7 +146,7 @@
<div class="formgroup-inline">
<div
v-t="'URL of this company'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -157,7 +157,7 @@
<div class="formgroup-inline">
<div
v-t="'Encryption method'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -172,7 +172,7 @@
<div class="formgroup-inline">
<div
v-t="'Database Host'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -183,7 +183,7 @@
<div class="formgroup-inline">
<div
v-t="'Port'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -194,7 +194,7 @@
<div class="formgroup-inline">
<div
v-t="'Database Login'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -205,7 +205,7 @@
<div class="formgroup-inline">
<div
v-t="'Database Password'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
@ -216,14 +216,14 @@
<div class="formgroup-inline">
<div
v-t="'Database name'"
class="field text-body-2-bold"
class="field text-body-2 font-semibold"
/>
<div
class="field text-body-2"
v-text="installerData.stepData.dbNameForm"
/>
</div>
<Message
v-if="'new' === installerData.installType"
:closable="false"

6
tailwind.config.js
Unescape View File

@ -45,6 +45,12 @@ module.exports = {
fontFamily: {
sans: ["Helvetica Neue", "Helvetica", "Arial", "sans-serif"],
},
fontSize: {
"body-1": ["16px", "24px"],
"body-2": ["14px", "16px"],
caption: ["13px", "16px"],
tiny: ["11px", "16px"],
},
gridTemplateColumns: {
"course-tools": "repeat(auto-fit, 120px)",
},

Write Preview
Loading…
Cancel
Save