vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 17:39:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove word-break: all global CSS

Browse source 
it makes many titles really awkward as they break mid-word
This commit is contained in:
davegson 2020-11-18 16:55:26 +01:00
parent 3a6c767a10
commit e88d61cbe3
1 changed files with 10 additions and 14 deletions

24
_sass/_global.scss
View file

@ -2,10 +2,6 @@
font-family: "Roboto";
}
a{
word-break: break-all;
}
body {
overflow-x: hidden;
}
@ -196,7 +192,7 @@ a.link {
padding-top: 2.5rem !important;
}
ul,
ul,
ol{
padding: 1rem;
list-style-type: decimal;
@ -249,7 +245,7 @@ a.link {
grid-auto-flow: row;
margin-left: auto;
margin-right: auto;
max-width: 1350px;
max-width: 1350px;
}
@media (min-width: 640px) {
@ -276,7 +272,7 @@ a.link {
.tabs {
border-radius: 8px;
overflow: visible;
}
.tab {
width: 100%;
@ -301,7 +297,7 @@ a.link {
transition-timing-function: ease;
transform: rotate(-90deg);
}
}
&-content {
max-height: 0;
@ -396,7 +392,7 @@ input:checked {
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
z-index: 1000;
}
[tooltip]:hover::before,
@ -444,22 +440,22 @@ input:checked {
}
// This is a hacky way to solve this problem.
// I could not find away in tailwind to set a max of cols and to allow
// This is a hacky way to solve this problem.
// I could not find away in tailwind to set a max of cols and to allow
// each tag to have their own width.
.tag-grid{
grid-template-columns: repeat(3, minmax(max-content, 1fr))
}
@media (min-width: 640px) {
@media (min-width: 640px) {
.tag-grid{
grid-template-columns: repeat(4, minmax(max-content, 1fr))
}
}
@media (min-width: 768px) {
@media (min-width: 768px) {
.tag-grid{
grid-template-columns: repeat(7, minmax(max-content, 1fr))
}
}
}