@@ -385,6 +385,7 @@ main > aside.sidebar .attention a {
385
385
386
386
main h2 {
387
387
width : 100% ;
388
+ box-sizing : border-box;
388
389
389
390
font-family : 'Roboto Condensed' ;
390
391
font-style : normal;
@@ -394,6 +395,8 @@ main h2 {
394
395
}
395
396
396
397
main h3 {
398
+ box-sizing : border-box;
399
+
397
400
font-family : 'Roboto Condensed' ;
398
401
font-style : normal;
399
402
font-weight : 700 ;
@@ -510,7 +513,7 @@ main figure {
510
513
padding : 0 ;
511
514
}
512
515
513
- main > article figure img , main > figure img {
516
+ main > article figure img , main > figure img , main > . content figure img {
514
517
width : 100% ;
515
518
}
516
519
@@ -1133,7 +1136,7 @@ body > header .explore-panel nav ul li p {
1133
1136
1134
1137
body > article .attention {
1135
1138
grid-column : 1 / span 11 ;
1136
- padding : 1em 5 % ;
1139
+ padding : 1em var ( --vocabulary-page-edges-space ) ;
1137
1140
1138
1141
background : var (--vocabulary-brand-color-soft-green );
1139
1142
font-family : 'Source Sans Pro' ;
@@ -1523,7 +1526,7 @@ body > footer .license svg {
1523
1526
}
1524
1527
1525
1528
.blog-index main .posts .featured ul {
1526
- padding : 0 5 % ;
1529
+ padding : 0 var ( --vocabulary-page-edges-space ) ;
1527
1530
}
1528
1531
1529
1532
.blog-index main .posts .featured ul li {
@@ -1901,7 +1904,7 @@ body > footer .license svg {
1901
1904
}
1902
1905
1903
1906
.blog-index main .posts {
1904
- padding : 0 5 % ;
1907
+ padding : 0 var ( --vocabulary-page-edges-space ) ;
1905
1908
}
1906
1909
1907
1910
.blog-index main footer .attribution-list ul .expand {
@@ -1951,20 +1954,50 @@ body > footer .license svg {
1951
1954
}
1952
1955
1953
1956
main .content {
1954
- padding : var (--vocabulary-page-edges-space );
1957
+ padding : 0 var (--vocabulary-page-edges-space );
1958
+ }
1959
+
1960
+ main : has ( > aside .sidebar ) > aside .sidebar {
1961
+ padding : 0 var (--vocabulary-page-edges-space );
1962
+ }
1963
+
1964
+ main > * : not (header ) {
1965
+ padding : 0 var (--vocabulary-page-edges-space );
1966
+ }
1967
+
1968
+ main > .posts {
1969
+ padding : 0 var (--vocabulary-page-edges-space );
1955
1970
}
1956
1971
1957
1972
.posts article figure {
1958
1973
width : 100% ;
1959
1974
flex : initial;
1960
1975
}
1961
1976
1977
+ .person-page main > header {
1978
+ padding-left : var (--vocabulary-page-edges-space );
1979
+ padding-right : var (--vocabulary-page-edges-space );
1980
+ }
1981
+
1982
+ .person-page main > header : before {
1983
+ left : 0 ;
1984
+ }
1985
+
1986
+ .search-index main > header {
1987
+ padding-left : var (--vocabulary-page-edges-space );
1988
+ padding-right : var (--vocabulary-page-edges-space );
1989
+ }
1990
+
1991
+ .search-index main > header : before {
1992
+ left : 0 ;
1993
+ }
1994
+
1962
1995
.team-index main > header {
1963
- padding : 0 5 % ;
1996
+ padding : 0 var ( --vocabulary-page-edges-space ) ;
1964
1997
}
1965
1998
1966
1999
.team-index main article .persons {
1967
- padding : 0 5 % ;
2000
+ padding : 0 var ( --vocabulary-page-edges-space ) ;
1968
2001
}
1969
2002
1970
2003
.team-index main article .persons ul {
@@ -1983,10 +2016,6 @@ body > footer .license svg {
1983
2016
order : -1 ;
1984
2017
}
1985
2018
1986
- main nav .pagination {
1987
- width : 100% ;
1988
- }
1989
-
1990
2019
main nav .pagination ol {
1991
2020
/* width: 100%; */
1992
2021
flex-wrap : wrap;
@@ -2009,6 +2038,11 @@ body > footer .license svg {
2009
2038
main article .posts .related ul {
2010
2039
grid-template-columns : 1fr ;
2011
2040
}
2041
+
2042
+ .posts .post figure {
2043
+ width : 100% ;
2044
+ flex : initial;
2045
+ }
2012
2046
}
2013
2047
2014
2048
@media (max-width : 425px ) {
0 commit comments