tetue / tinytypo Goto Github PK
View Code? Open in Web Editor NEWCSS base for web editorial content
Home Page: http://tinytypo.tetue.net
License: MIT License
CSS base for web editorial content
Home Page: http://tinytypo.tetue.net
License: MIT License
Salut !
Est-ce qu'une version en anglais ferait sens, ou bien est-ce que ça existe déjà quelque part ailleurs ?
Outre la traduction, il y aurait quelques différences (notamment de typographie).
Salut Romy, je pense que la déclaration suivante mérite d'être plus spécifique :
https://github.com/tetue/tinytypo/blob/master/css/links.css#L23
En effet, l'utilisation de background: #222222 !important;
impacte aussi les images d'arrière plan qui pourraient être définies par d'autres css. Il faudrait je pense la remplacer background
par background-color
. Qu'en penses-tu ?
Salut Romy,
Petit problème avec cette ligne de media.css :
https://github.com/tetue/tinytypo/blob/master/css/media.css#L10
Forcer auto
sur la propriété height
des balises object
et embed
pose problème avec les codes d'embed proposés par pas mal de site comme flickr. Voici un exemple de code qui est impacté par ce problème :
<object width="670" height="503"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Felus-socialistes-bmo%2Fsets%2F72157647448290675%2Fshow%2F&page_show_back_url=%2Fphotos%2Felus-socialistes-bmo%2Fsets%2F72157647448290675%2F&set_id=72157647448290675&jump_to="></param> <param name="movie" value="https://www.flickr.com/apps/slideshow/show.swf?v=1811922554"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="https://www.flickr.com/apps/slideshow/show.swf?v=1811922554" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Felus-socialistes-bmo%2Fsets%2F72157647448290675%2Fshow%2F&page_show_back_url=%2Fphotos%2Felus-socialistes-bmo%2Fsets%2F72157647448290675%2F&set_id=72157647448290675&jump_to=" width="670" height="503"></embed></object>
La seule solution que j'ai trouvé pour l'instant est de modifier la source de tinytypo sur ce point, c'est bien dommage. Ne faudrait-il pas retirer les balises object
et embed
de cette règle ?
Salut tétue :-)
Bon, j'espère être au bon endroit... Il semble qu'il y a un bug avec tinytypo et les petits écran (smartphone) concernant les liens long, je t'en avais parler une fois sur l'irc et m'avait dit de te faire un ticket sur git pour t'en souvenir :-D
Le problème est visible par exemple dans certain article du blog, exemple
https://blog.spip.net/Gazette-d-ete-chaud-bouillant.html
https://blog.spip.net/Et-non-la-gazette-n-est-pas-morte.html
b_b t'avais envoyer un mail à ce sujet le 08/03/2016 qui expliquait un peu mieux le problème
Franck
Yo @tetue je viens de tomber sur cette petite css de reset, et rien que pour son nom ^^, elle pourrait peut-être remplacer celle qu'on utilise pour l'instant, à voir...
Salut tetue, tout est dans le titre, je me demande pourquoi on applique ceci :
https://github.com/tetue/tinytypo/blob/master/css/links.css#L75
Au rendu, cela donne l'impression d'un bug sur les images contenues dans le liens lors du clic.
text-justify:newspaper
génère une erreur sur les css.linter, la propriété n'as été supporté que pas IE5 d'après : http://www.w3schools.com/cssref/css3_pr_text-justify.asp
est-ce vraiment utile/pertinent de continuer à l'utiliser ?
Les variables @color-link et @color-link-hover sont définies dans le fichier var.less, mais elles ne sont pas utilisées par la suite, dans les autres fichiers. Est-ce un oubli ?
When I have two maps on screen and toggle map1, map2 fullscreen icon toggles on and off. and fullscreen toggle off on second map2 not working anymore. The id's of the container are different.
Hello,
En construisant un squelette Z pas à pas je suis tombé sur un problème avec la classe .box de tinytypo. Elle rentre en conflit avec celle de ZCore et cela demande à renommer l'une ou l'autre.
Comme Tiny Typo n'est pas vraiment destiné à fournir des boites mais juste un encadré je pense qu'il serait cool de renommer cette classe dans Tiny Typo en tinybox ou autre libellé moins générique.
Qu'en penses-tu ?
Salut, depuis quelques temps (je ne sais pas quelle version a introduit ce changement) Firefox affiche une double bordure sur les balises abbr :
text-decoration: underline dotted;
aux balises abbrProposition, ajouter un text-decoration: none; pour les abbr dans tinytypo. D'autres avis ?
merci de numéroter les versions dans le projet
le package n'est pas référencer sur npm ; dommage il faut l'inclure a la main [pas tres propre a la vue du tooling moderne]. https://www.npmjs.com/search?q=tinytypo
bref ca serait trop de pouvoir faire un yarn add tinytypo
J'ai constaté qu'après avoir appliqué TinyTipo sur un site déjà existant, j'avais des images très petites.
Raison : un padding sur les images.
Résolution : mettre
box-sizing: content-box;
sur les images concernées
Hello,
Je me suis rendu compte que la nouvelle balise HTML5 <main>
n'est pas initialisée dans le fichier reset.less. Ca serait bien de la rajouter non ?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.