Skip to content

Commit ed1a319

Browse files
nidiahnidiah
committed
sass syntax update
1 parent b78eeb5 commit ed1a319

22 files changed

+1866
-351
lines changed

‎_config.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,3 +73,6 @@ languageNames:
7373

7474
default_locale_in_subfolder: false
7575

76+
sass:
77+
load_paths:
78+
- _sass

‎_includes/header.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010
<div class="container header__links-wrapper">
1111
{% for item in site.translations[site.lang].navigation %}
1212
{% if item.sublinks %}
13-
<div class="header__dropdown">
14-
<a class="header__link" href="{{ item.link | relative_url }}" itemprop="url">
13+
<div class="header__link dropdown">
14+
<a class="dropdown__link" href="{{ item.link | relative_url }}" itemprop="url">
1515
<span itemprop="name">{{ item.name }}</span>
1616
</a>
17-
<div class="header__dropdown-menu">
17+
<div class="dropdown-content">
1818
{% for sub in item.sublinks %}
19-
<a class="header__sublink" href="{{ sub.link | relative_url }}">{{ sub.name }}</a>
19+
<a class="dropdown-item" href="{{ sub.link | relative_url }}">{{ sub.name }}</a>
2020
{% endfor %}
2121
</div>
2222
</div>

‎_includes/logo-caicyt.svg‎

Lines changed: 0 additions & 94 deletions
This file was deleted.

‎_includes/logo-hd-iibicrit-caicyt-grises.svg‎

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎_pages/bibliotecadigital.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -24,15 +24,15 @@ <h1 class="hero__title">{% t titles.library %}</h1>
2424
<!-- Card LAM -->
2525

2626
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
27-
<a href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_arg-manus-pagina-uno.png" align="center"/></a>
27+
<a href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_arg-manus-pagina-uno.png"/></a>
2828
<a class="post-card__inner" href="http://hdlabconicet.github.io/La-Argentina-Manuscrita" target="_blank">
2929
<p style="font-size: 10px; text-align:left;">Imagen: gallica.bnf.fr</p>
3030
<h2>La Argentina Manuscrita</h2>
3131
</a>
3232
</div>
3333
<!-- Card ACARETE -->
3434
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
35-
<a href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_acarete-1943-cover.jpg" align="center"/></a>
35+
<a href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_acarete-1943-cover.jpg"/></a>
3636
<a class="post-card__inner" href="http://hdlabconicet.github.io/Relacion-de-un-viaje/" target="_blank">
3737
<p style="font-size: 10px; text-align:left;">Imagen: Cervantes Virtual</p>
3838
<h2>Relación de un viaje</h2>
@@ -79,23 +79,23 @@ <h2>Miscelánea/Miscellaneous texts</h2>
7979
<div class="post-list" itemscope="" itemtype="http://schema.org/Blog">
8080
<!-- Card POESIA MEDIEVAL -->
8181
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
82-
<a href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_Cancioneiro_da_Ajuda_151_37.jpg" align="center"/></a>
82+
<a href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_Cancioneiro_da_Ajuda_151_37.jpg"/></a>
8383
<a class="post-card__inner" href="http://hdlabconicet.github.io/Poesia-Medieval/" target="_blank" title="via Wikimedia Commons">
8484
<p style="font-size: 10px; text-align:left;">Imagen: Biblioteca da Ajuda</p>
8585
<h2>Poesía Medieval</h2>
8686
</a>
8787
</div>
8888
<!-- Card DIÁLOGO PINTURA MÉXICO -->
8989
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
90-
<a href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dialogo_pintura_mexico.jpg" align="center"/></a>
90+
<a href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dialogo_pintura_mexico.jpg"/></a>
9191
<a class="post-card__inner" href="https://mtravelo.github.io/dialogo_pintura_mexico/" target="_blank" title="via Wikimedia Commons">
9292
<p style="font-size: 10px; text-align:left;">Imagen: Portada del libro Diálogo sobre la historia de la pintura en México</p>
9393
<h2>Diálogo sobre la historia de la pintura en México</h2>
9494
</a>
9595
</div>
9696
<!-- Card CARTAS DE BUSA -->
9797
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
98-
<a href="https://hdlab.space/cartas_busa/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dibujo_busa_index.jpg" align="center"/></a>
98+
<a href="https://hdlab.space/cartas_busa/" target="_blank"><img src="{{site.baseurl}}/assets/img/chico_dibujo_busa_index.jpg"/></a>
9999
<a class="post-card__inner" href="https://hdlab.space/cartas_busa/" target="_blank" title="via Wikimedia Commons">
100100
<p style="font-size: 10px; text-align:left;">Imagen: Dibujo de la serie de postales de Navidad que Busa encargaba todos los años a Marina Molino.</p>
101101
<h2>Cartas del Padre Busa</h2>
@@ -105,7 +105,7 @@ <h2>Cartas del Padre Busa</h2>
105105
<!-- Card COLECCIÓN FOULCHÉ DELBOSC-->
106106

107107
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
108-
<a href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank"><img src="{{site.baseurl}}/assets/img/foulche-delbosc-chico.jpg" align="center"/></a>
108+
<a href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank"><img src="{{site.baseurl}}/assets/img/foulche-delbosc-chico.jpg"/></a>
109109
<a class="post-card__inner" href="https://hdlab.space/coleccion-foulche-delbosc/" target="_blank" title="via Wikimedia Commons">
110110
<p style="font-size: 10px; text-align:left;">Imagen: Retrato de Foulché-Delbosc.</p>
111111
<h2>La Colección Foulché-Delbosc, de la Historia del Libro y la Edición a las Humanidades Digitales</h2>
@@ -116,7 +116,7 @@ <h2>La Colección Foulché-Delbosc, de la Historia del Libro y la Edición a las
116116
<!-- Card LIBRO DE MOTES -->
117117

118118
<div class="post-card" itemprop="blogPosts" itemscope="" itemtype="http://schema.org/BlogPosting" style="box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);">
119-
<a href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank"><img src="{{site.baseurl}}/assets/img/chicos_motes.jpg" align="center"/></a>
119+
<a href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank"><img src="{{site.baseurl}}/assets/img/chicos_motes.jpg"/></a>
120120
<a class="post-card__inner" href="https://jgoldsmidt.github.io/LM-LibrodeMotes/" target="_blank" title="via Wikimedia Commons">
121121
<p style="font-size: 10px; text-align:left;">Imagen: Portada Libro de motes.</p>
122122
<h2>Libro de motes de damas y caballeros</h2>

‎_sass/base/_helpers.scss‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1+
@use "abstracts/variables" as vars;
2+
13
.blur {
2-
background: $bg-color;
4+
background: vars.$bg-color;
35
filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
46
-webkit-filter: blur(1rem);
57
filter: blur(1rem);
@@ -12,7 +14,7 @@
1214
}
1315

1416
.dark-bg {
15-
background-color: $dark-light;
17+
background-color: vars.$dark-light;
1618
}
1719

1820
.hidden {

‎_sass/base/_typography.scss‎

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,19 @@
1+
@use "abstracts/variables" as vars;
2+
13
// General
24
body {
3-
background-color: $bg-color;
4-
font-family: $font-stack;
5+
background-color: vars.$bg-color;
6+
font-family: vars.$font-stack;
57
font-size: 1rem;
68
line-height: 1.5;
7-
color: $text-color;
9+
color: vars.$text-color;
810
-webkit-font-smoothing: antialiased;
911
-webkit-text-size-adjust: 100%;
1012
}
1113

1214
::selection {
13-
color: $bg-color;
14-
background-color: $reverse;
15+
color: vars.$bg-color;
16+
background-color: vars.$reverse;
1517
}
1618

1719
// Reboot
@@ -27,17 +29,17 @@ h3,
2729
h4,
2830
h5,
2931
h6 {
30-
color: $heading-color;
32+
color: vars.$heading-color;
3133
margin-top: 0;
3234
margin-bottom: .5rem;
3335
}
3436

3537
//reset link
3638
a {
37-
color: $link-color;
39+
color: vars.$link-color;
3840
text-decoration: none;
3941
transition: all .2s linear;
40-
border-bottom: 1px dashed $link-color;
42+
border-bottom: 1px dashed vars.$link-color;
4143

4244
&:active,
4345
&:focus {
@@ -46,14 +48,14 @@ a {
4648

4749
&:hover,
4850
&:focus {
49-
color: $primary-light;
50-
border-bottom: 1px solid $primary-light;
51+
color: vars.$primary-light;
52+
border-bottom: 1px solid vars.$primary-light;
5153
}
5254
}
5355

5456
hr {
5557
height: 1px;
56-
background: $border;
58+
background: vars.$border;
5759
border: 0;
5860
}
5961

@@ -67,15 +69,15 @@ abbr[title] {
6769

6870
mark {
6971
background: #ff0;
70-
color: $heading-color;
72+
color: vars.$heading-color;
7173
}
7274

7375
code {
7476
padding: 0.2em 0.4em;
7577
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
7678
font-size: 0.9rem;
77-
color: $code-text-color;
78-
background-color: $code-bg-color;
79+
color: vars.$code-text-color;
80+
background-color: vars.$code-bg-color;
7981
border-radius: 3px;
8082
}
8183

@@ -85,17 +87,17 @@ pre {
8587
margin-bottom: 1rem;
8688
overflow-x: auto;
8789
font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace;
88-
color: $code-text-color;
90+
color: vars.$code-text-color;
8991
word-wrap: normal;
90-
background-color: $code-bg-color;
91-
border: solid 1px $border-color;
92+
background-color: vars.$code-bg-color;
93+
border: solid 1px vars.$border-color;
9294
border-radius: 0.3rem;
9395

9496
> code {
9597
padding: 0;
9698
margin: 0;
9799
font-size: 0.9rem;
98-
color: $code-text-color;
100+
color: vars.$code-text-color;
99101
word-break: normal;
100102
white-space: pre;
101103
background: transparent;

‎_sass/components/_btn.scss‎

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
@use "sass:color";
2+
@use "abstracts/variables" as vars;
3+
@use "abstracts/mixins" as mixins;
4+
15
.btn,
26
input[type="submit"],
37
input[type="reset"],
@@ -13,8 +17,8 @@ input[type="button"] {
1317
text-transform: uppercase;
1418
white-space: nowrap;
1519
cursor: pointer;
16-
color: $bg-color;
17-
background-color: $button-dark;
20+
color: vars.$bg-color;
21+
background-color: vars.$button-dark;
1822
text-align: center;
1923
border: 0;
2024
border-radius: 0;
@@ -28,16 +32,16 @@ input[type="button"] {
2832
&:hover,
2933
:focus,
3034
:active {
31-
color: $bg-color;
32-
background-color: lighten($button-dark, 14%);
35+
color: vars.$bg-color;
36+
background-color: color.adjust(vars.$button-dark, $lightness: 14%);
3337
outline: 0;
3438
}
3539
}
3640

3741
.btn + .btn {
3842
margin-top: 2em;
3943

40-
@include breakpoint(350px) {
44+
@include mixins.breakpoint(350px) {
4145
margin-top: 0;
4246
margin-left: 2em;
4347
}
@@ -50,6 +54,6 @@ button:disabled {
5054

5155
&:hover,
5256
:focus {
53-
background-color: $button-dark;
57+
background-color: vars.$button-dark;
5458
}
5559
}

0 commit comments

Comments
 (0)